KineticJS是否允许仅重新绘制最近更新的图层部分?

时间:2014-04-05 08:06:43

标签: javascript html5 canvas kineticjs

在KineticJS中更新图层后,我们制作layer.draw();

这会导致再次绘制所有图层。

如果我们知道要更新的图层部分会怎样?

  • 我们不能 重绘那部分,以便我们改善效果,就像我们在画布中一样?

请注意,这些问题不会解决相同问题:

kineticjs layers redraw optimization

KineticJS, can I just redraw one shape? (drawing on canvas)

1 个答案:

答案 0 :(得分:1)

只有当您的节点与其他节点分开放置时,才能执行此操作。这意味着您的第一个节点下面或顶部没有其他节点。 (或者,如果你有其他节点非常接近,你也可以重绘它们。)

layer.clear({
  x : rect.x(),
  y : rect.y(),
  width : rect.width(),
  height : rect.height()
});
rect.fill('green');
rect.draw();

演示:http://jsbin.com/heyox/1/edit