Konva.js缓存比例

Question

问题是当使用node.cache()时，节点首先被缓存，然后被缩放。如何实现先伸缩后缓存？提前进行Thx检查。

var stage = new Konva.Stage({
    container: document.getElementById('stage'),
    width: 400,
    height: 400
});

var layer = new Konva.Layer();
var group1 = new Konva.Group();
var group2 = new Konva.Group();

var text1 = new Konva.Text({
  text:'Test',
  scale: {x:10,y:10},
  x:10,
  y:10
});

var text2 = new Konva.Text({
  text:'Test',
  scale: {x:10,y:10},
  x:50,
  y:50
});

text1.cache();

layer.add(text1);
layer.add(text2)
stage.add(layer); 

Answer 1

如果节点在缓存之前进行转换，那么使用转换是非常困难的。作为解决方法，您可以将变换的节点添加到组中，然后缓存组。

var text1 = new Konva.Text({
  text:'Test',
  scale: {x:10,y:10},
  x:10,
  y:10
});
group1.add(text1);
group1.cache(); 

http://jsbin.com/fotano/edit?html,js,output