Geek Answers Handbook

Externally defined tokens are not displayed in SVG

I am trying to make markers unified for a bunch of SVG images. My problem is that I cannot get external links in marker definitions to work. It may be related to the question How to refer to an external svg file in svg? but the link is still missing.

I made a small example to demonstrate my problem:

b.svg (referenced):

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
    <defs>
        <circle id="b" r="6" stroke="black" fill="green" />
        <marker id="b_end"
          orient="auto"
          style="overflow:visible">
            <use xlink:href="#b" />
        </marker>
    </defs>
</svg>

a.svg (attempt to link b.svg):

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
    <defs>
        <circle id="a" r="6" stroke="black" fill="yellow" />
        <marker id="a_end"
          orient="auto"
          style="overflow:visible">
            <use xlink:href="#a" />
        </marker>
        <marker id="b_end"
          orient="auto"
          style="overflow:visible">
            <use xlink:href="b.svg#b" />
        </marker>
    </defs>
    <path d="m 10,10 20,20" style="marker-end:url(#a_end)" stroke="black" />
    <path d="m 40,10 20,20" style="marker-end:url(#b_end)" stroke="black" />
    <path d="m 70,10 20,20" style="marker-end:url(b.svg#b_end)" stroke="black" />
</svg>

As you can see, I referred to the marker for the first line through the internal identifier (actually two, since the marker also has a link). It works great.

I used the definition of an internal marker with an external path for the second line. This does not work. (Line diplayed, marker no.)

. .

, DOM - , , .

, ? SVG?

+5
1

, , ​​ , .

, , SVG, Opera Firefox. PDF Apache FOP, .

, IE, Chrome Safari. , Firefox: 7.0, 11.

0

More articles:


All Articles