代碼太簡(jiǎn)單了,就不廢話(huà)了
代碼如下:
var canvas=document.getElementById("canvas");
//設(shè)置繪圖環(huán)境
var cxt=canvas.getContext('2d');
//開(kāi)啟新路近
cxt.beginPath();
// 設(shè)置筆觸的寬度
cxt.lineWidth=10;
//設(shè)置筆觸的顏色
cxt.strokeStyle="#00ff00";
//設(shè)定筆觸的位置
cxt.moveTo(20,20);
//設(shè)置移動(dòng)的位置
cxt.lineTo(100,20);
//畫(huà)線(xiàn)
cxt.stroke();//這個(gè)時(shí)候的線(xiàn)已經(jīng)出來(lái)了
//關(guān)閉路徑
cxt.closePath();
//凡事路徑圖形必須先開(kāi)始路徑,畫(huà)完之后必須結(jié)束路徑
更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄