is there anyway specify filters xlink:href in svg? example, want reference 's specific parent/svg. if have multiple svgs on page, , both happen contain element same id, seems xlink:href reference first instance, regardless of svg xlink:href is.
for example, ...
<html> <div id="div1"> <!-- first svg --> <svg xmlns="http://www.w3.org/2000/svg"> <symbol id="car" viewbox="214.7 0 182.6 792"> <circle.../> </symbol> <div id="div2"> <!-- second svg --> <svg xmlns="http://www.w3.org/2000/svg"> <symbol id="car" viewbox="214.7 0 182.6 792"> <rect.../> </symbol> ...
<!-- show circle, instead of rectangle --> <use xlink:href="#car" .../> </svg> </html>` ideally, able use unique div id's reference. example,
<use xlink:href="#div2 #car" .../>
Comments
Post a Comment