解决方案 »

  1.   

    1、锯齿问题,canvas默认就是这样,如果要调整成无锯齿,需要针对像素进行修改(Canvas可以像素级操控)
    2、关于那根横线,请在drawOneCircle内加入
    ctx.beginPath();
    横线自会消失,这句的作用就是重新起笔绘图
      

  2.   

    1、那不是锯齿,而是在点阵(屏幕)设备上展示矢量图时采用的抗锯齿算法造成的色差现象
    2、两个圆是连续画的,过程中画笔没有抬起。所以在一个圆的终点到另一个圆的起点间有一条连线
    function drawOneCircle(w,h,radius,opacity1,opacity2){
        ctx.beginPath(); //加上这个就没有了
      

  3.   

    1楼和2楼,ctx.beginPath(); 解决了问题2,但是问题1有没有详细点的解决方案?谢谢~