1. 程式人生 > >canvas 虛線橫線 實線橫線

canvas 虛線橫線 實線橫線

lin wid 起點 new 實線 ash das idt 定義

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 虛線橫線 實線橫線