A
Anna
Hello all.
I hope this is the right group to ask my question.
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
work.
Here is my example:
test.svg:
<?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">
<g>
<rect width="100" height="50" x="330" y="180" fill="pink"/>
<a xlink:href="test.html#end">
<text x="358" y="205">
<tspan>page </tspan>
<tspan x="358" dy="15"> title</tspan>
</text>
</a>
</g>
<!-- Show outline of canvas using 'rect' element -->
<rect x="0" y="0" width="700" height="400" fill="none" stroke="blue"
stroke-width=".02cm"/>
</svg>
test.html:
<html>
<head>
<title>test svg</title>
</head>
<body>
<p>test svg</p>
<object type="image/svg+xml" data="test.svg" width="500"
height="500"></object>
<p>test end</p>
<a name="end"></a>
</body>
</html>
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
I hope this is the right group to ask my question.
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
work.
Here is my example:
test.svg:
<?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">
<g>
<rect width="100" height="50" x="330" y="180" fill="pink"/>
<a xlink:href="test.html#end">
<text x="358" y="205">
<tspan>page </tspan>
<tspan x="358" dy="15"> title</tspan>
</text>
</a>
</g>
<!-- Show outline of canvas using 'rect' element -->
<rect x="0" y="0" width="700" height="400" fill="none" stroke="blue"
stroke-width=".02cm"/>
</svg>
test.html:
<html>
<head>
<title>test svg</title>
</head>
<body>
<p>test svg</p>
<object type="image/svg+xml" data="test.svg" width="500"
height="500"></object>
<p>test end</p>
<a name="end"></a>
</body>
</html>
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