HTML canvas strokeRect() metodu

Tanım ve Kullanım

strokeRect() Düzengonu doldurmadan çizmek için (boş bırakın) methodunu kullanın. Kalemin varsayılan rengi siyah renktedir.

İpucu:Kullanın: strokeStyle Kalemin rengi, eğrisel geçiş veya modeli ayarlamak için özellikleri kullanın.

Örnek

150*100 piksel boyutundaki bir düzengonun çizimi:

Tarayıcınız HTML5 canvas etiketini desteklemiyor.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);

Kendi Kendine Deneyin

Sözdizimi

context.strokeRect(x,y,width,height);

Parametre Değeri

Parametre Açıklama
x Dikdörtgenin sol üst köşesinin x koordinatı.
y Dikdörtgenin sol üst köşesinin y koordinatı.
width Dikdörtgenin genişliği, piksel cinsinden ölçülür.
height Dikdörtgenin yüksekliği, piksel cinsinden ölçülür.

Tarayıcı Desteği

Tablo içindeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Açıklama:Internet Explorer 8 ve daha eski sürümler <canvas> ögesini desteklememektedir.