HTML中stroke是什么意思？

互联网 19-11-21

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>