Question

我创建了一个像这样的Konva图像

var imageObj = new Image();
imageObj.onload = function() {
  var image = new Konva.Image({
    x: 200,
    y: 50,
    image: imageObj,
    width: 100,
    height: 100
  });
};
imageObj.src = '/path/to/image.jpg'

现在我需要知道如何更新创建的Konva.Image对象的图像src / url。

您可以在此处找到文档：https://konvajs.github.io/api/Konva.Image.html

Answer 1

您只需替换image的{{1}}属性即可。或者更新原生图片的Konva.Image：

src

或者

var card = new Konva.Image({
    x: 200,
    y: 50,
    width: 100,
    height: 100
});

var imageObj = new Image();
imageObj.onload = function() {
  card.image(imageObj);
};
imageObj.src = '/path/to/image.jpg';

// later

var imageObj2 = new Image();
imageObj2.onload = function() {
  card.image(imageObj2);
};
imageObj2.src = '/path/to/image.jpg';

Konvajs如何动态更改图像src

1 个答案: