Javascript d3中的光滑跃迁

在d3.js中使用SVG进行简单的球运动转换

jsfiddle：

当我在上面的示例中运行时，球在过渡期间看起来模糊，并且过渡不平滑

在d3.js中是否有平滑过渡的选项，或者我是否遗漏了什么

代码：

var width = 720, height = 580;
var padding = 50;
var svg = d3.select("body").append("svg");
svg.attr("width",width)
.attr("height",height);     

var circle = svg.append("circle")
      .attr("cx","100")
      .attr("cy","100")
      .attr("r",10)
      .attr("stroke","red")
      .attr("stroke-width","1")
      .attr("fill","steelblue");


circle.transition()
     .duration(2000)          
     .attr("cx","600")
     .attr("cy","700")            
     .attr("fill","green");  ​

---

也许更高的帧速率可以实现这个浏览器的功能——这在Chrome上对我来说很好，尽管有一些剪辑人工制品。如果我看到的是同样的东西，我怀疑这只是一个小的高对比度图形在像素LCD上移动的一个特征。对我来说，与D3或SVG没有任何关系，我也不知道任何相关设置。我同意Richard Marr的观点，在我的笔记本电脑上，我看到了som模糊效果，否则，桌面的屏幕非常平滑，可能与屏幕刷新延迟有关。