1

再利用できるコンポーネントをsvgで作成したいと思います。これにより、テキストを含む長方形が描画されます。

    <g id='TestComponent'>
        <rect x='200' y='235' width='100' height='30' rx='10' style='fill: white; stroke: lightgrey;'/>
        <text x='250' y='252' text-anchor='middle' alignment-baseline='middle' style='fill:black;font-family: Helvetica'>Test</text>
    </g>

コンテナの「g」要素の間に定義した場合：テスト

その後、次のように使用できます。

    <use xlink:href='#TestComponent' />

また、移動して再利用することもできます。

    <use xlink:href='#TestComponent' x=100 y=100 />

これが私の問題です。テキストを変更できるようにしたいのです。それは可能ですか？私がやりたいことは次のようなものです：

    <use xlink:href='#TestComponent' text="Hello world 2"/>

これを行う方法はありますか？そうでない場合、私が再利用して可能な限り重複を避けることができるように、この種のものを構造化するための好ましい方法は何ですか？

/ハンス

4

2 に答える 2

0

はい、SVGでパラメーター化された構造を再利用できます。www.w3.orgまたはwww.schepers.ccで説明と例を見てください。

于 2012-10-19T13:23:55.480 に答える
0

XSLTまたはjavascriptを使用できます。<use>がすぐに提供するものでは、要件が満たされていません。

于 2012-10-19T13:40:40.090 に答える