HTML5 SVG ile Çizgi (Line) Çizmek
Aşağıda svg ile çizilen bir çizgi vardır:
Bu çizginin kodları şöyledir:
<svg height="210" width="500">
<line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>
<svg height="210" width="500">
<line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>
Bu korların anlamı şudur:
x1="0" y1="0 kodları, çizginin başlangıç notkasının koordinatlarıdır.
x2="200" y2="200" kodları, çizginin bitiş noktasının koordinatlarıdır.
"stroke:rgb(255,0,0); kodu, çizginin dolgu rengidir.
stroke-width:2" kodu ise çizginin pixel olarak kalınlığıdır.
x1="0" y1="0 kodları, çizginin başlangıç notkasının koordinatlarıdır.
x2="200" y2="200" kodları, çizginin bitiş noktasının koordinatlarıdır.
"stroke:rgb(255,0,0); kodu, çizginin dolgu rengidir.
stroke-width:2" kodu ise çizginin pixel olarak kalınlığıdır.
Hiç yorum yok:
Yorum Gönder