为什么剪辑方法在最新版本的Chrome中有效？

Question

我有一个codepen http://codepen.io/artzub/pen/oXaVpz，它演示了如何使用Canvas的剪辑方法和图像。

// some code before
// ...

l = nodes.length;  
ctx.save();
while(l--) {
  item = nodes[l];    
  ctx.beginPath();    
  ctx.arc(item.x, item.y, 30, 0, 2*Math.PI);    
  ctx.closePath();
  ctx.stroke();
  ctx.fill();
  if (groupImg[item.group]) {      
    ctx.save();
    ctx.clip();
    ctx.drawImage(groupImg[item.group], item.x - 30, item.y - 30, 60, 60);
    ctx.restore();
  }        
}

ctx.restore();

但是在Chrome的最新版本中它无法正常工作。

你有什么想法，它是如何解决的？

它也适用于Firefox。