作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试将 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=';
提前致谢。
最佳答案
您只需将 darthVaderImg
添加到场景中即可:
let darthVaderImg = new Konva.Image({
width: 200,
height: 200
});
darthVaderGroup.add(darthVaderImg);
关于jquery - 如何在konvajs.image源中添加base64图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58483918/
我是一名优秀的程序员,十分优秀!