stroke是HTML5canvas中的一个方法,stroke()方法可以用于绘制当前路径。
stroke()方法会实际地绘制出通过moveTo()和lineTo()方法定义的路径。默认颜色是黑色。
提示:可以使用strokeStyle属性来绘制另一种颜色/渐变。
语法:
context.stroke();
示例:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
</head>
<body>
<canvasid="myCanvas"width="300"height="150"style="border:1pxsolid#d3d3d3;">
YourbrowserdoesnotsupporttheHTML5canvastag.
</canvas>
<script>
varc=document.getElementById("myCanvas");
varctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.strokeStyle="green";
ctx.stroke();
</script>
</body>
</html>

本文转载自中文网

本文转载自中文网
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h55607.shtml