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

Konva.js缓存比例

1 个答案: