Javascript 从Blob或base64 img src向fabric js画布添加图像

如果我问错了，我很抱歉

我将画布转换为图像，并将图像隐藏在带有imgSrc类的页面上

画布图像中的src返回一个base64对象

<img class="imgSrc" src="data:image/png;base64,ifsdfjdjkdjf;sfjjfskfdjdf">

---

我想先和image src进行一些对话吗

getElementsByClassName

返回节点列表，按列表[0]获取第一个元素，并创建图像对象

演示

var canvas=newfabric.canvas（'canvas'）；
var imgElement=document.getElementsByClassName（'imgSrc'）[0]；
var imgInstance=新结构图像（imgElement{
左:100,，
前100名，
scaleX:200/imgElement.width，
scaleY:200/imgElement.height
});
canvas.add（imgInstance）
画布{
边框：1px实心#999；
}
这正是我想要的
var canvas = this.__canvas = new fabric.StaticCanvas('canvas1');
var imgElement = document.getElementsByClassName('imgBox');
var imgInstance = new fabric.Image(imgElement, {
 left: 100,
 top: 100,
 height: 30, 
 width: 30
});
canvas.add(imgInstance);