html5 Canvas繪製線條 closePath()實例程式碼 _html5教學技巧

核心程式碼:

複製程式碼

程式碼如下:

$(function({
var can = $("#can").get(0);
var txi = can.getContext("2d");
txi.beginPath();
txi.moveTo( 105,105);
txi.lineTo(105,45);
txi.lineTo(45,105);
txi.closePath();
txi.stroke()
txi.beginPath( );
txi.moveTo(25,25);
txi.lineTo(100,25);
txi.lineTo(25,100);
txi.stroke();
})

複製程式碼

程式碼如下:

closePath();將路徑閉合
下圖是一個用了，閉合，一個沒用：