xlink from SVG to HTML anchor in containing page

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Hello all.
I hope this is the right group to ask my question.
I asked it recently on comp.text.xml, but nobody answered, so I try here now.

I have an HTML page that contains an SVG file in an object.
Inside an SVG file I want to add a link to link to some anchor on
the including HTML page. I tried to do it, but it doesn't seem to
Here is my example:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd ">
<svg width="700" height="400" xmlns="http://www.w3.org/2000/svg "
xmlns:xlink="http://www.w3.org/1999/xlink ">
  <rect width="100" height="50" x="330" y="180" fill="pink"/>
  <a xlink:href="#end">
  <text x="358" y="205">
   <tspan>page </tspan>
   <tspan x="358" dy="15"> title</tspan>
 <!-- Show outline of canvas using 'rect' element -->
 <rect x="0" y="0" width="700" height="400" fill="none" stroke="blue"

      <title>test svg</title>
      <p>test svg</p>
      <object type="image/svg+xml" data="test.svg" width="500"
 <p>test end</p>
 <a name="end"></a>

When I click on the link in embedded SVG, just nothing happens.
If I use a full URL of some site as the value of xlink:href, it works,
but I want to use a local anchor.
What is the right syntax to do this?

Thank you very much for help


Re: xlink from SVG to HTML anchor in containing page

Dear Anna,

Quoted text here. Click to load it

is a reference to an anchor in the SVG image itself
rather than to the anchor in the HTML page the image
is embedded in.

Thus, you should try specifying

<a xlink:href="test.html#end">


(BTW, your syntax does work with Corel's Viewer -- but
this is actually a bug.)


Site Timeline