Anna (archive)
Usenet Archive
- Joined
- Nov 2, 2001
- Messages
- 93
- Reaction score
- 0
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