canvas绘制虚线setLineDash

最新推荐文章于 2024-06-12 20:30:00 发布

编程界小明哥

最新推荐文章于 2024-06-12 20:30:00 发布

阅读量2.8k

点赞数

分类专栏： canvas 文章标签： canvas

本文链接：https://blog.youkuaiyun.com/dkm123456/article/details/112681395

版权

canvas 专栏收录该内容

42 篇文章

订阅专栏

window.onload=function(){
			
			ctx.beginPath();
	    	ctx.setLineDash([]);//设定实线与空白的大小
	 		ctx.moveTo(50,100);
       		ctx.lineTo(250,100);
       		ctx.stroke();
       		
       		ctx.beginPath();
	    	ctx.setLineDash([4]);//设定实线与空白的大小
	 		ctx.moveTo(50,120);
       		ctx.lineTo(250,120);
       		ctx.stroke();
       		
       		ctx.beginPath();
	    	ctx.setLineDash([4,2]);//设定实线与空白的大小
	 		ctx.moveTo(50,140);
       		ctx.lineTo(250,140);
       		ctx.stroke();
       		
       		ctx.beginPath();
	    	ctx.setLineDash([10,3,1]);//设定实线与空白的大小
	 		ctx.moveTo(50,160);
       		ctx.lineTo(250,160);
       		ctx.stroke();
       		
       		ctx.beginPath();
	    	ctx.setLineDash([10,3,3,3,3]);//设定实线与空白的大小
	 		ctx.moveTo(50,180);
       		ctx.lineTo(250,180);
       		ctx.stroke();
		}