canvas 虚线横线 实线横线
Posted ylblogs
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas 虚线横线 实线横线相关的知识,希望对你有一定的参考价值。
ctx.setLineDash([3, 3]);
ctx.moveTo(0 * pixelRatio, 875 * pixelRatio);
//定义直线的终点坐标为(50,10)
ctx.lineTo(750 * pixelRatio, 875 * pixelRatio);
//沿着坐标点顺序的路径绘制直线
ctx.lineWidth = 1 * pixelRatio;
ctx.strokeStyle = "#DDDDDD";
ctx.stroke();
//定义直线的起点坐标为(10,10)
ctx.moveTo(0 * pixelRatio, 1008 * pixelRatio);
//定义直线的终点坐标为(50,10)
ctx.lineTo(750 * pixelRatio, 1008 * pixelRatio);
//沿着坐标点顺序的路径绘制直线
ctx.lineWidth = 1 * pixelRatio;
ctx.strokeStyle = "#DDDDDD";
ctx.stroke();
以上是关于canvas 虚线横线 实线横线的主要内容,如果未能解决你的问题,请参考以下文章