轻松上手,快乐学习!

HTML canvas stroke() 方法


实例

绘制一条路径,形状是红色的字母 L:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.strokeStyle = "red";
ctx.stroke();
亲自试一试 »

浏览器支持

表中的数字表示完全支持该方法的第一个浏览器版本。

方法
stroke() Yes 9.0 Yes Yes Yes

定义和用法

stroke() 方法会实际地绘制出通过 moveTo() 和 lineTo() 方法定义的路径。默认颜色是黑色。

提示:请使用 strokeStyle 属性来绘制另一种颜色/渐变。

JavaScript 语法: context.stroke();