首頁 > web前端 > H5教程 > html5 Canvas繪製線條 closePath()實例程式碼 _html5教學技巧

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

WBOY
發布: 2016-05-16 15:51:09
原創
1555 人瀏覽過

核心程式碼:

複製程式碼
程式碼如下:

$(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();將路徑閉合
下圖是一個用了,閉合,一個沒用:



相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板