<g font-family="Verdana, sans serif"> <a xlink:href="http://www.google.com"> <ellipse cx="2cm" cy="4cm" rx="2cm" ry="1cm" fill="skyblue" /> <text x="2cm" y="4.2cm" text-anchor="middle" font-size="32">Google</text> </a> <a xlink:href="http://www.yahoo.com" target="_parent"> <ellipse cx="4cm" cy="2cm" rx="2cm" ry="1cm" fill="springgreen" /> <text x="4cm" y="2.2cm" text-anchor="middle" font-size="32">Yahoo</text> </a> <a xlink:href="http://www.amazon.com" target="_blank"> <ellipse cx="6cm" cy="5cm" rx="2cm" ry="1cm" fill="yellow" /> <text x="6cm" y="5.2cm" text-anchor="middle" font-size="32">Amazon</text> </a> </g> |
Allerdings ist das Target nicht gut zu steuern und je nach Browser wird die angesprungene Seite als neuer Fensterinhalt oder statt des SVG-Objektes angezeigt.