Canvas strokeRect() 方法

定义和用法

strokeRect() 方法绘制矩形(不填色)。笔触的默认颜色是黑色。

提示:请使用 strokeStyle 属性来设置笔触的颜色、渐变或模式。

实例

绘制150*100像素的矩形:

您的浏览器不支持HTML5 canvas标签。

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 矩形的宽度,以像素计。
height ఆకారం పొడవు, పిక్సెల్స్ గణనకు.

బ్రౌజర్ మద్దతు

పట్టికలో వరుసలు ఈ అట్రిబ్యూట్ పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను చూపుతాయి.

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
4.0 9.0 3.6 4.0 10.1

ప్రకటనలు:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 మరియు అది ముంది సంస్కరణలు <canvas> అంశాన్ని మద్దతు చేయలేదు.