HTML5的canvas的标签可用于绘制图像，不过，canvas元素本身并没有绘制能力，它仅仅是图形的容器，-必须使用javascript脚本来完成实际的绘图任务。
canvas标签的getContext()方法返回一个 CanvasRenderingContext2D 对象，使用它可以在Canvas 画布上绘制文本、线条、矩形、圆形等等，下面话一个矩形。
效果如下：
CanvasRenderingContext2D对象有很多方法和属性，这里不可能一个一个讲解，下面做一个简单的画布功能。
通过上面代码，大家应该可以学到一些基础编程技巧，这里要讲解一下：
var that = this;
为什么不直接用this，要多此一举定义一个that呢？
因为当鼠标按下，拖动等动作时候，this的指向对象已经发生了改变，不再是draw这个对象了。
运行后，可以通过鼠标进行简单的绘画，效果如下：
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/717/viewspace-3143689/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
Mysql索引简明教程
下一篇：
mysql写过程解析json数组
请登录后发表评论
登录
全部评论
