Javascript KineticJS：如何缓存一组形状？

我想提高画布对象的移动拖放性能。我有一个包含不同形状（图像、星星、唱片等）的组。我希望在拖放或旋转整个组时使用缓存来提高性能

下面是我创建的一个JSFIDLE：

如何对KineticJS中的一组形状使用缓存？

group.cache({
    width: blob.width(),
    height: blob.height(),
    x : blob.x(),
    y : blob.y(),
    drawBorder: true
  }).offset({
    x: 10,
    y: 10
  });

---

您最好为缓存配置

x

、

y

、

width

和

height

属性。

是否需要在某个时候清除缓存？当我缩放组时，是否必须使用neu宽度和高度再次执行cache（）？取决于您的要求。如果缩放（例如2x）缓存组，则会使形状模糊。当画布上有多个形状组时，是否应该在每个组上使用cache（）？我以前需要应用clearCache（）吗？您可以在任何需要的地方使用

cache

。缓存只是转换为位图图像。不需要使用

clearCache（）

。

group.cache({
    width: blob.width(),
    height: blob.height(),
    x : blob.x(),
    y : blob.y(),
    drawBorder: true
  }).offset({
    x: 10,
    y: 10
  });