//第一步:先獲取到畫布
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();繪制已定義好的路徑
javaScript畫布
?著作權(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ù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 十七、在畫布上繪圖 原文:Drawing on Canvas譯者:飛龍協(xié)議:CC BY-NC-SA 4.0自豪地采...
- Canvas是HTML5新增的組件,它就像一塊幕布,可以用JavaScript在上面繪制各種圖表、動畫等 一個(gè)Ca...
- 填充和描邊的顏色 fillStyle : 設(shè)置或返回用于填充繪畫的顏色 strokeStyle: 設(shè)置或返回用于筆...
- 在做類似刮刮樂的活動,用canvas寫了一個(gè)畫布,但是畫布在的位置是超出一屏了,刮動畫布不起作用。 排版的時(shí)候習(xí)慣...