//第一步：先獲取到畫布
var oMyCanvas = document.getELEMENTByID("myCanvas")
//第二步其實就是一根筆
var ctx = oMyCanvas.getcontext("2d")
//第三步開啟一個新路徑
ctx.beginPath（）
//第四步：確定一個起點
ctx.moveTo
//第五步吗蚌，繪制直線路徑（確定其他點落剪，并進(jìn)行連線）
ctx.lineT
//第六步：關(guān)閉路徑
ctx.closePath
//兩個作用 1：抬起畫筆 2：關(guān)閉 閉合路徑
//第七步：噴色
//第一種：描邊
描邊寬度玲献，一半在圖形里面茸塞，一半在圖形外邊
ctx.lineWidth = 4停巷；//筆的寬度
ctx.strokeStyle= ;筆的顏色
//第二種填充
//當(dāng)路徑?jīng)]有閉合的時候备畦，填充是默認(rèn)閉合來填充的
ctx.fillStyle
ctx.fill()
ctx.stroke();繪制已定義好的路徑
javaScript畫布
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來蔽莱，“玉大人弟疆，你說我怎么就攤上這事〉晾洌” “怎么了怠苔？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長仪糖。 經(jīng)常有香客問我柑司，道長，這世上最難降的妖魔是什么锅劝？ 我笑而不...
- 正文 為了忘掉前任帜羊，我火速辦了婚禮，結(jié)果婚禮上鸠天，老公的妹妹穿的比我還像新娘讼育。我一直安慰自己，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布奶段。 她就那樣靜靜地躺著饥瓷，像睡著了一般。 火紅的嫁衣襯著肌膚如雪痹籍。 梳的紋絲不亂的頭發(fā)上呢铆，一...
- 文/蒼蘭香墨 我猛地睜開眼斤讥，長吁一口氣：“原來是場噩夢啊……” “哼纱皆！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起芭商，我...
- 正文 年R本政府宣布，位于F島的核電站兵钮，受9級特大地震影響蛆橡，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜掘譬，卻給世界環(huán)境...
- 文/蒙蒙 一泰演、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧葱轩，春花似錦睦焕、人聲如沸藐握。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽猾普。三九已至，卻和暖如春本谜，著一層夾襖步出監(jiān)牢的瞬間初家，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 十七登刺、在畫布上繪圖 原文：Drawing on Canvas譯者：飛龍協(xié)議：CC BY-NC-SA 4.0自豪地采...
- Canvas是HTML5新增的組件，它就像一塊幕布嗡呼，可以用JavaScript在上面繪制各種圖表纸俭、動畫等 一個Ca...
- 填充和描邊的顏色 fillStyle : 設(shè)置或返回用于填充繪畫的顏色 strokeStyle: 設(shè)置或返回用于筆...
- 在做類似刮刮樂的活動简珠，用canvas寫了一個畫布，但是畫布在的位置是超出一屏了虹钮，刮動畫布不起作用聋庵。 排版的時候習(xí)慣...
