Örnek
150 x 100 piksel dikdörtgen çizer:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);
Kendin dene " Tarayıcı Desteği
Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.
Yöntem | |||||
---|---|---|---|---|---|
strokeRect() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Tanımı ve Kullanımı
strokeRect() yöntemi, bir dikdörtgen çizer (no fill) . felç varsayılan renk siyahtır.
Tip: kullan strokeStyle inme stili bir renk, degrade veya desen ayarlamak için özellik.
JavaScript sözdizimi: | context . strokeRect( x,y,width,height ) ; |
---|
Parametre Değerleri
Parametre | Açıklama | Oynat |
---|---|---|
x | dikdörtgenin sol üst köşesinin x koordinatı | Oynat " |
y | dikdörtgenin sol üst köşesinin y koordinatı | Oynat " |
width | piksel olarak dikdörtgen genişliği, | Oynat " |
height | piksel dikdörtgenin yüksekliğinin | Oynat " |
<Tuval Nesne