Как добавить изображение base64 в исходный код konvajs.image - PullRequest
Новая
       46

Как добавить изображение base64 в исходный код konvajs.image

1 голос
/ 21 октября 2019

Я пытаюсь добавить образ base64 в образ konvaJS, но не могу его добавить. Если кто-то может помочь мне сделать это, было бы здорово.

Пожалуйста, проверьте мой код, 

var stage = new Konva.Stage({
    container: 'imgId',
    width: width,
    height: height
});
konvasStage = stage;

// add canvas element
var layer = new Konva.Layer();
stage.add(layer);

var darthVaderGroup = new Konva.Group({
    x: 0,
    y: 0,
    draggable: false
});
layer.add(darthVaderGroup);

// darth vader
let darthVaderImg = new Konva.Image({
    width: 200,
    height: 200
});

var imageObj1 = new Image();
imageObj1.onload = function() {
    darthVaderImg.image(imageObj1);
    layer.draw();
};
imageObj1.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAI0lEQVQYV2NkQAb7//9nhPP3///P4MjICBGAckBMRmQOSAAAgboLwv3ivvAAAAAASUVORK5CYII=';

Заранее спасибо.

1 Ответ

2 голосов
/ 21 октября 2019

Вам просто нужно добавить darthVaderImg в сцену: 

let darthVaderImg = new Konva.Image({
    width: 200,
    height: 200
});
darthVaderGroup.add(darthVaderImg);

https://jsbin.com/rifazetowo/edit?html,js,output

...