1

すべてのxlinkの使用箇所を SVG の単純なインライン xml に置き換え、その後「 defs」セクションを削除し、すべてのboo : 属性を削除する必要があります。これが必要なのは、使用する予定の SVG ビューアが xlink をサポートしていないためです。

初期の簡略化された XML

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg">
    <boo:metadata>
    <boo:text line-space="1.5" minimum-size="15" regular-size="20"/>
    </boo:metadata>
    <g transform="translate(149,60)">
        <rect x="0" y="0" fill-opacity="0.6" width="579" height="150"/>
            <defs><!-- huge section  with predefined items-->
                <g id="ne">
                    <path id="ne..."/>
                </g>
                <g id="nw">
                    <path id="nw.."/>
                </g>
                <g id="rt2">
                    <rect id="RT2" />
                    <path id="some cool path id"/>
                </g>
                <g id="rt3">
                    <rect id="rt3sss" rx="2" ry="2"/>
                </g>
                <g boo:type="Icon" id="AIRPORT" boo:replacementWords="FLUGHAFEN">
                    <rect id="ICON_AIRPORT" fill="#FCFFFF" height="15" width="15"/>
                    <path id="ICON_AIRPORTPATH"/>
                </g>
            </defs>

            <g boo:side="R" id="sssss" transform="translate(184,0)">
                <g transform="translate(0.000000,0.000000)">
                    <g boo:style="HorizontalAlignment:Center;VerticalAlignment:Bottom;" transform="translate(63.202000,126.903002)">   
                        <g transform="translate(0.000000,0.000000)">
                            <!-- actual usage -->
                            <use xlink:actuate="onLoad" xlink:type="simple" xlink:show="embed" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#NE" boo:style="HorizontalAlignment:Left;"/>
                        </g>
                        <g transform="translate(23.045999,0.000000)" boo:style="HorizontalAlignment:Left;Margin:0 5 0 5;">
                            <g transform="translate(0.000000,0.000000)" boo:style="Margin:0 1 0 1;">
                            <g transform="scale(1.150000,1.1500000)">
                                <!-- actual usage -->
                                <use xlink:actuate="onLoad" xlink:type="simple" xlink:show="embed" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#RT2"/>
                            </g>
                            <text transform="translate(16,13)" text-anchor="middle">4</text>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg>

期待される結果

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg">
    <g transform="translate(149,60)">
        <rect x="0" y="0" fill-opacity="0.6" width="579" height="150"/>
            <g id="sssss" transform="translate(184,0)">
                <g transform="translate(0.000000,0.000000)">
                    <g transform="translate(63.202000,126.903002)">   
                        <g transform="translate(0.000000,0.000000)">
                            <path id="ne..."/>
                        </g>
                        <g transform="translate(23.045999,0.000000)">
                            <g transform="translate(0.000000,0.000000)">
                            <g transform="scale(1.150000,1.1500000)">                           
                                <rect id="RT2" />
                                <path id="some cool path id"/>
                            </g>
                            <text transform="translate(16,13)" text-anchor="middle">4</text>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg>
4

2 に答える 2

0

より良いパスは

<xsl:template match="svg:use">
  <xsl:copy-of select="//*[@id=substring(current()/@xlink:href, 2)][1]"/>
</xsl:template>

'//*' は、ルートから、任意の深さの任意の子孫に一致します。ターミナル '[1]' は、指定された ID を持つノードが 2 つある場合 (存在してはならない)、最初のノードを選択することを示します。

この問題に対する私自身の攻撃では、新しくコピーされた要素に置き換えられた use 要素の ID を与えたいと思っていましたが、それは難しいことがわかったので、gで囲みました:

<xsl:template match="svg:use">
  <g>
    <!-- copy id, transform, etc through from use reference -->
    <xsl:apply-templates select="@*"/>
    <xsl:copy>
      <xsl:apply-templates select="//*[@id=substring(current()/@xlink:href, 2)][1]"/>
    </xsl:copy> 
  </g>
</xsl:template>

最後に、テンプレートをコピーすると、その中のすべての要素のすべての ID がコピーされます。私のようにシンボルのコピーが複数ある場合、それは悪いことです。そこで、すべての ID をクラスに変換しました。

<!-- generally, change ids to classes -->
<xsl:template match="@id">
  <xsl:attribute name="class">
    <xsl:value-of select="."/>
  </xsl:attribute>
</xsl:template>

明らかに、これらの修正が機能するように、 xsl:copy-ofではなくxsl :copyを使用しています。私のコードには問題があります -生成されたg要素の周りに偽の属性なし使用要素をラップしていますが、問題なくレンダリングされます。

于 2015-07-28T15:53:14.577 に答える