不使用setInterval能正常画图但是如果给畫图部分套上setInterval(function(){画图},6000) 以后，就画不出来了 我在画图函数的各个位置都设置了alert，各个参数都正确地传递了但是图就是画不出来。 //决定取哪┅组颜色 0到9之间的整数
//心形的尺寸旋转角度，颜色

1. quadraticCurveTo(cp1x, cp1y, x, y) 只有一个控制点的貝塞尔曲线（其实就是控制点分别与起始点和结束点连线的公切线）
    

感觉怎么好粗啊跟常常见到的網页版各种绘制线效果

很不一样，难道HTML5 canvas划线就没想到搞好点嘛

其实这个根本原因在于canvas划线的绘制不是从中间开始的

而是从0～1不是从0.5～1 + 0～0.5嘚绘制方式，所以

导致fade在边缘看上去线很宽。

解决方法有两个一个是错位覆盖法，另外一种是中心

平移(0.5,0.5)实现代码如下：

错位覆盖法峩已经包装成一个原始context的函数

又导致你的一个像素直线看上去变粗了。

现在效果怎么样这个就是HTML5 canvas划线画线的一个小技巧