6

キーボード文字から始まり、それを変換する幅の広い水平中括弧を作成しようとしています。

私はから始めました：

<text x="40" y="120" transform="rotate(90, 40, 120)">}</text>

次に、テキストを引き伸ばして幅を広げたいと思います。CSS 要素の使用を忘れてください。font font-size-weight のサイズもそれに応じて変更され、太いシンボルが生成されます。

キャラクターを細くして伸ばしたいと思います。

次に、symbolandの組み合わせを使い始め、機能useを利用しようとしましたviewbox

最後に試したのは次のとおりです。

<symbol id="curly-bracket">
    <text>}</text>
</symbol>
<use x="40" y="120" transform="rotate(90, 40, 120)" xlink:href="#curly-bracket" />

文字がカットされて表示され、正しく表示する方法が見つかりませんでした。

W3 SVG docを読んで、自分が何をしているのか理解するのに苦労しています。

4

1 に答える 1

5 
<text x="40" y="120" transform="rotate(90, 40, 120) scale(1,2)">}</text>

これにより、すべての y 座標が 2 倍になり、90 度回転したため、水平方向に引き伸ばされます。

W3 仕様から SVG を学ぼうとすると、イライラして混乱することになります。使い方のチュートリアルとして書かれたものではありません。SVG 変換に関する優れたリソースを次に示します。SVG に本当に興味がある場合は、この電子書籍全体を読むことをお勧めします。最高のリソースだと思います。

于 2013-03-08T12:10:10.020 に答える