HTML中的stroke怎么用

發(fā)布時間：2020-06-25 14:46:06 來源：億速云閱讀：193 作者：Leah 欄目：web開發(fā)

這篇文章將為大家詳細講解有關(guān)HTML中的stroke怎么用，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

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怎么用

關(guān)于HTML中的stroke怎么用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

HTML中的stroke怎么用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽