这篇博客分享了作者使用HTML5 Canvas进行画图的初体验，特别是通过lineTo方法实现画线条的功能。在实践中遇到两个问题：一是在快速移动鼠标时，用arc方法画圆会出现空断，可能是因为Canvas无法及时响应；二是Canvas指定数值时没有单位，默认单位是什么，作者对此感到疑惑。
本次代码编写，只是html5新功能的一次体验，canvas功能，其中因为写熟练了jquery，反而基本的javascript代码中操作DOM的语法都忘了干净，参考了网上的一些写法以及js手册，基本完成了模拟画图中的画线条功能。
提几个问题，
问题一、这里的作法是当mousemove的时候会调用lineTo的方法，如果不用线条，变为画圆，用arc方法，那么理想状态下，应该是一个一个紧密排列的圆圈，也可以组成一条线，可是实际是做不到的，鼠标移动太快的时候，就会出现空断，还没有具体研究，暂时认为是反应不过来。。。
好的吧，再提一个问题，
问题二、基本跟canvas相关的指定数值时，都不带单位，即我们常见的px pt em之类的，只写数字，那这个地方默认的单位是什么
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
body{font-size:70%;font-family:verdana,helvetica,arial,sans-serif;}
.colorTable div{width:30px;height:30px;float:left;border:2px solid;border-style: groove;}
.red{background-color:red}
.green{background-color:green}
.blue{background-color:blue}
.ye
最低0.47元/天 解锁文章
626
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
