HTML5 Canvas（学习笔记一）

作者: ollie_sk8

发布时间:2015-06-16 10:31:05

网站找了一个视频教程，看了看Canvas还挺好玩的。越看越觉得这东西实在是牛逼好玩。

下面是今天学的东西，画布的认识，画线，画方块的命令，结尾有个画线的小例子。

无标题文档

canvas小应用：画线

步骤：1首先在canvas元素点下的时候记录点下的那一点moveTo（ev.clientX-c1.offsetLeft，ev.clientY-c1.offsetTop）分别设置了点下那点的x,y坐标.

　　　2在document.onmousemove的时候lineTo（ev.clientX-c1.offsetLeft，ev.clientY-c1.offsetTop）,鼠标移动到的那一点，然后画线（stroke）.

　　　3鼠标抬起清空事件。

无标题文档

效果：

来源: