1949啦网--小小 痛苦,是因为能力和欲望不匹配造成的

canvas清除矩形指定颜色

<!DOCTYPE html>      <html>      	<head>      		<meta charset="UTF-8">      		<title></title>      		<style type="text/css">      			canvas{      				background: dodgerblue;      			}      		</style>      	</head>      	<body>      		<!--canvas相当于一块画板-->      		<canvas id="nntt" width="800" height="500"></canvas>      		<script type="text/javascript">      //			获得画板      			var nntt = document.getElementById("nntt");      //			获得绘画环境      //			'2d'平面的绘画环境画布      			var cv = nntt.getContext('2d');      //	后加上去的,		        cv.fillStyle = '#006400';      cv.fillRect(0,0,800,500);      //			指定颜色放前面      	cv.fillStyle = '#DB7093';		        //			绘制一个填充矩形      //			这里有的是cv 图片里的是context.fillRect 前面这个可以自已命名的      //绘制开始从左边200,上面100开始.宽度260,高度199 但绘制出来是没有指定颜色默认的黑色。      			cv.fillRect(200,100,260,199);      //			清除指定矩形颜色      //			cv.clearRect(300,100,100,50);      //用这个看效果      cv.clearRect(300,200,100,50);      		</script>      	</body>      </html>

上面代码效果图片:

原文链接:https://www.qiquanji.com/post/7655.html

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

微信扫码关注

更新实时通知

作者:xialibing 分类:网页教程 浏览: