1

基本的な PCB マウント トランスの svg ファイルを作成しました。以下のように多くの線を作成する代わりに、巻線を作成するより良い方法はありますか?

<g id="primarywinding">
        <line id="winding0" style="fill:none;stroke:black;stroke-width:2" x1="60" y1="67" x2="350" y2="67" />
        <use xlink:href="#winding0" transform="translate(0, 4)"/>
        <use xlink:href="#winding0" transform="translate(0, 8)"/>
        <use xlink:href="#winding0" transform="translate(0, 12)"/>
        <use xlink:href="#winding0" transform="translate(0, 16)"/>
        <use xlink:href="#winding0" transform="translate(0, 20)"/>
        <use xlink:href="#winding0" transform="translate(0, 24)"/>
        <use xlink:href="#winding0" transform="translate(0, 28)"/>
        <use xlink:href="#winding0" transform="translate(0, 32)"/>
        <use xlink:href="#winding0" transform="translate(0, 36)"/>
        <use xlink:href="#winding0" transform="translate(0, 40)"/>
        <use xlink:href="#winding0" transform="translate(0, 44)"/>
        <use xlink:href="#winding0" transform="translate(0, 48)"/>
        <use xlink:href="#winding0" transform="translate(0, 52)"/>
        <use xlink:href="#winding0" transform="translate(0, 56)"/>
        <use xlink:href="#winding0" transform="translate(0, 60)"/>
        <use xlink:href="#winding0" transform="translate(0, 64)"/>
        <use xlink:href="#winding0" transform="translate(0, 68)"/>
        <use xlink:href="#winding0" transform="translate(0, 72)"/>
        <use xlink:href="#winding0" transform="translate(0, 76)"/>
        <use xlink:href="#winding0" transform="translate(0, 80)"/>
        <use xlink:href="#winding0" transform="translate(0, 84)"/>
        <use xlink:href="#winding0" transform="translate(0, 88)"/>
        <use xlink:href="#winding0" transform="translate(0, 92)"/>
        <use xlink:href="#winding0" transform="translate(0, 96)"/>
</g>
4

1 に答える 1

1

はい、<line>useを使用するのではなく、タグを繰り返すだけです。実行中に変換を使用することも、座標を直接調整することもできます。少なくともFirefoxでははるかに高速になります。塗りつぶし、線などにCSSスタイルを使用して、すべての線にclass属性を付けることができます。

パスを使用し、lまたはLを使用するか、データに使用することをお勧めします 。行にはhまたはHを使用します。ここにパスの例がいくつかあります。

于 2012-11-13T04:10:15.933 に答える