HTML中stroke是什么意思？

stroke是HTML5 canvas中的一个方法，stroke()方法可以用于绘制当前路径。

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

提示：可以使用 strokeStyle属性来绘制另一种颜色/渐变。

语法：

context.stroke();
    

示例：

!DOCTYPE htML>
    html>
    	head>
    		meta charset="UTF-8">
    	/head>
    	body>
    		canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;
    ">
    		Your browser does not support the HTML5 canvas tag.		/canvas>
    		script>
    			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 = "green";
    			ctx.stroke();
    		/script>
    	/body>
    /html>
    

效果图：

以上就是HTML中stroke是什么意思？的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！