Latest web development tutorials

HTML canvas lineWidth 屬性

HTML canvas 參考手冊 HTML canvas參考手冊

實例

用寬度為10 像素的線條來繪製矩形:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

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

嘗試一下»

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome 和Safari 支持lineWidth 屬性。

注意: Internet Explorer 8及之前的版本不支持<canvas>元素。


定義和用法

lineWidth 屬性設置或返回當前線條的寬度,以像素計。

默認值: 1
JavaScript 語法: context.lineWidth=number;

屬性值

描述
number 当前线条的宽度,以像素计。


HTML canvas 參考手冊 HTML canvas參考手冊