html5 Canvas繪制線條 closePath()實例代碼
發(fā)布時間：2012-05-10 23:38:49 作者：佚名 
我要評論
我要評論html5 Canvas繪制線條 closePath()實例代碼，需要的朋友可以參考下
核心代碼:
$(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();
})
<canvas id="can" width="170" height="170"></canvas>
closePath();將路徑閉合
下圖是一個用了，閉合，一個沒有用：
復制代碼
代碼如下:$(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();
})
復制代碼
代碼如下:<canvas id="can" width="170" height="170"></canvas>
closePath();將路徑閉合
下圖是一個用了，閉合，一個沒有用：
相關文章
HTML5中canvas中的beginPath()和closePath()的重要性
這篇文章主要介紹了HTML5中canvas中的beginPath()和closePath()的重要性,需要的朋友可以參考下2018-08-24