Hanyar HTML canvas strokeRect()

Kwarewa da amfani

strokeRect() Hanyar (method) don tsafta ƙasa (ba za a koye wura). Wuraren tsauri na kaiwarta shine babba.

Rarrabu:Koye a gina amfani da strokeStyle Ayyuka don gina ɗaukar wura, jiki ko ƙirar da ƙirar yanci ko ƙirar ƙabila.

Mutum

Tsafta ƙasa 150*100 pixel:

Akan baiwar kuma ake gudanar da HTML5 canvas tag.

JavaScript:

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

亲自试一试

语法

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

参数值

参数 描述
x 矩形左上角的 x 坐标。
y 矩形左上角的 y 坐标。
width Ƙasancewa na kuduwa, a fatake.
height Ƙasancewa na kuduwa, a fatake.

Daukar ƙirɗar

Tsohon ƙirɗar na taban ya nuna sabon ƙirɗar ƙirɗar ƙirɗar da suka ɗauka wannan ƙirɗa.

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

Kira:Internet Explorer 8 da kuma ƙarancin ba a suka ɗauka ƙaddar <canvas> ba.