› 首页 ›期权学习›期权知识›正文

canvas绘制实心多边形

xiaojiucai 期权知识 2020-08-18 570 0

<!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/post/7611.html

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

版权声明

本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。