javaScript畫布

//第一步:先獲取到畫布
var oMyCanvas = document.getELEMENTByID("myCanvas")
//第二步其實(shí)就是一根筆
var ctx = oMyCanvas.getcontext("2d")
//第三步開啟一個(gè)新路徑
ctx.beginPath()
//第四步:確定一個(gè)起點(diǎn)
ctx.moveTo
//第五步,繪制直線路徑(確定其他點(diǎn),并進(jìn)行連線)
ctx.lineT
//第六步:關(guān)閉路徑
ctx.closePath
//兩個(gè)作用 1:抬起畫筆 2:關(guān)閉 閉合路徑
//第七步:噴色
//第一種:描邊
描邊寬度,一半在圖形里面,一半在圖形外邊
ctx.lineWidth = 4;//筆的寬度
ctx.strokeStyle=  ;筆的顏色
//第二種填充
//當(dāng)路徑?jīng)]有閉合的時(shí)候,填充是默認(rèn)閉合來填充的
ctx.fillStyle
ctx.fill()
ctx.stroke();繪制已定義好的路徑
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容