rgb渐变色条

大怪兽0110

于 2018-11-30 16:53:12 发布

阅读量5.1k

点赞数 2

本文链接：https://blog.csdn.net/hyf1712011164/article/details/84660740

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			canvas{
				
				border:1px solid #ccc;
				
			}
		</style>
	</head>
	
	<body>
	<canvas width="600"height="500"></canvas>
	<script>
		
		var myCanvas=document.querySelector('canvas');
		var ctx=myCanvas.getContext('2d');
//		ctx.moveTo(100,100);
//		ctx.lineTo(355,100);
		ctx.lineWidth=30;
	for( var i=0;i<255;i++){
		ctx.beginPath();
		ctx.moveTo(100+i-1,100);
		ctx.lineTo(100+i,100);
		ctx.strokeStyle='rgb('+i+','+i+','+i+')';
		ctx.stroke();
	}
	</script>
	</body>
</html>