html具體效果如下>
id="mycanvas"
width=
"200"
height=
"100"
style=
"border:1px solid #c3c3c3;"
>
思路解釋：
在body裡建立canvas標籤，就是畫布。
id=然後在script裡書寫畫畫函式，首先獲取建立的canvas 的id mycanvas，也就是獲取了canvas。"mycanvas"
width=
"200"
height=
"100"
style=
"border:1px solid #c3c3c3;"
>
varc=document.getelementbyid("mycanvas");
/*獲取畫布
mycanvas，c
也就變成了
mycanvas*/
接著 建立乙個跟 mycanvas繫結的畫筆，通過畫筆函式來畫出影象。
varcxt= c.getcontext("2d");
/*建立畫布上的畫筆
cxt。通過
cxt= c.getcontext("2d")
建立了在
c上的畫筆，也就是在
mycanvas
上的畫筆
*/cxt.moveto(10
,10);
/*將畫筆點移動到10，
10*/
cxt.lineto(150
,50);/*從
10，10畫一條線到
150,50,
此時畫筆座標也就移動到了
150，
50*/
cxt.lineto(10
,50);
cxt.stroke();
/*結束路徑，必須有的
*/
h5學習記錄
html 全屏 某個元素 html 5 瀏覽器 本地儲存 瀏覽器本地資料庫 localstorage 瀏覽器本地陣列儲存，可以將資料永久儲存在客戶端。sessionstorage 關閉瀏覽器之後 資料 清除 設定 因為localstorage只能設定字串 所以把物件轉成json字串用來達到儲存多樣資...
h5新特性 canvas標籤（補充）
上下文物件 painter 1.透明度 語法 painter.globalalpha 0 1 任何操作都要在fill 之前 2.線性 1 設定線寬 painter.linewidth number 2 端點 painter.lincap 端點型別 型別 butt 無端點,round 圓弧端點 squ...
canvas實現畫板（移動端 h5）
如下 doctype html utf 8 畫板 title body canvas style head text align center 600 width 900 id canvas 親，您的瀏覽器不支援canvas，換個瀏覽器試試吧！span canvas div window.onloa...