try documentcreateElementquotcanvasquotgetContextquot2dquot#39body#39append#39支持canvas#39catche #39body#39append#39不支持canvas#39 3瀏覽器運行indexhtml頁面，此時會打印出瀏覽器對html5canvas的支持程度。

首先你不要在style里面設width跟height，可以告訴你最后跟你設的坐標不一樣，這里面原因是canvas的原始設置是有固定高跟寬的，所以你光設置style的css值，會產生很多問題。

本來1px的線條，就成了看起來2px寬的線條延申 HTML 5 Canvas詳細講解 第二篇清除canvas畫布上指定區(qū)域+橡皮擦功能實現在畫布上平鋪指定圖片在畫布上繪制文本總結案例之刮刮樂功能實現。

看你個人的基礎和能力啦，每個人都不太一樣，一般學習都是學習的基礎的用法一到兩個星期就差不多了，實際到項目才能有歷練，當然如果你自己行的話可以做些例子練練手希望能給你幫助。