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

canvas清除矩形指定颜色

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

<!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

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

版权声明

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