나는 이와 같은 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
의 image속성을 바꿀 수 있습니다 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';
또는
var imageObj = new Image();
var card = new Konva.Image({
x: 200,
y: 50,
width: 100,
height: 100,
image: imageObj
});
imageObj.onload = function() {
card.getLayer().draw();
};
imageObj.src = '/path/to/image.jpg';
// later
imageObj2.src = '/path/to/image.jpg'; // it should trigger onload
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다