Canvas strokeRect() 方法

定义和用法

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 আয়তক্ষেত্রের উচ্চতা, পিক্সেলে অবস্থান

ব্রাউজার সমর্থন

তালিকায় নম্বরগুলি এই বৈশিষ্ট্যটি যে প্রথম সম্পূর্ণরূপে সমর্থন করেছে তা উল্লেখ করা হয়েছে

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
4.0 9.0 3.6 4.0 10.1

মন্তব্য:Internet Explorer 8 এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> ইলেকট্রনিক না সমর্থন করে