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();