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画布上指定区域+橡皮擦功能实现在画布上平铺指定图片在画布上绘制文本总结案例之刮刮乐功能实现。

看你个人的基础和能力啦，每个人都不太一样，一般学习都是学习的基础的用法一到两个星期就差不多了，实际到项目才能有历练，当然如果你自己行的话可以做些例子练练手希望能给你帮助。