Canvas strokeRect() 方法

Εγχειρίδιο Canvas

定义和用法

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

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

实例

绘制 150*100 像素的矩形：

Your browser does not support the 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 矩形的宽度，以像素计。
height Το ύψος του ορθογώνιου, μετρημένο σε pixels.

Υποστήριξη浏览器

Οι αριθμοί στη διάταξη σηματοδοτούν την έκδοση του πρώτου προγράμματος που υποστηρίζει πλήρως αυτήν την ιδιότητα.

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

Σημείωση:Οι εκδόσεις του Internet Explorer 8 και οι προηγούμενες δεν υποστηρίζουν το στοιχείο <canvas>.

Εγχειρίδιο Canvas