Home > Line element Archive

Line element Archive

Chapter 3 : Line element SVG

Line 要素を使って面白いデザインをした形を描いてみたいと思います。

Line 要素の属性(アトリビュート)には、x1,x2,y1,y2 があります。

xy.png

この始点(x1, y1) と、終点(x2, y2) を指定することで線を描くことが出来ます。スタイル属性のストロークの幅のプロパティ値(stroke-width property)は、初期値が1px になりますので指定されてなければ 1px で描かれます。

下に紹介しているのはLine 要素を多様に使って描いたSVGファイルです。グリッドもLine要素を使って描いています。(通常、グリッドはパターン要素を使って描かれています)

Continue reading

Index of all entries

Home > Line element Archive

Search
Feeds
Links

Return to page top