canvas绘制实心多边形

时间：5年前阅读：5796

<!DOCTYPE html>    
<html>    
	<head>    
		<meta charset="UTF-8">    
		<title></title>    
		<style type="text/css">    
			canvas{    
				background:blue;    
			}    
		</style>    
	</head>    
	<body>    
		<canvas id="canvas" width="900" height="500"></canvas>    
		<script type="text/javascript">    
//			获得画板  通过ID捉到它    
			var canvas = document.getElementById("canvas");    
//			获得绘画环境    '2d'平面的绘画环境画布    
			var cv = canvas.getContext('2d');    
//			开启路径    
cv.beginPath();    
//          笔触定义到开始位置    
			cv.moveTo(200,50);    
//			定义这条线画到哪里线束    
			cv.lineTo(200,450);    
			cv.lineTo(500,450);    
//			闭合路径    
			cv.closePath();    
//			指定填充颜色    
			cv.fillStyle = 'white';    
//			填充路径    
			cv.fill();    
	</script>    
	</body>    
</html>

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

canvas绘制实心多边形

网友评论