javascript - Canvas 和颜色交换

Question

我正在交换 2 个圆圈的颜色，但是当我根据计时器交换它们时，即使我什至没有对它们应用笔划，笔划也不会交换:

图片引用:

以及引用代码: JSFiddle link

function sw(obj1, obj2){
  obj1.color = [obj2.color, obj2.color = obj1.color][0];
  console.log("Changed");
  render();
}

function render(){
  _dots[0].draw();
  _dots[1].draw();
}

render();   

setTimeout(function(){
 sw( _dots[0] ,  _dots[1] )
},1000 )

Answer 1

抗锯齿边缘正在渲染的最后一帧上绘制，使边缘显示为紫色。 Clear the canvas在绘制下一帧之前。