Backbone.js 使用fabric.image.fromURL加载base64映像

我正在使用

branch.js

中的

fabric.js

，并试图找出如何使用

fabric

的命令加载Base64映像：

fabric.Image.fromURL( 'url', function(img)....

当我插入静态url时，它可以正常工作，如：

fabric.Image.fromURL('http://www.domain.com/image.jpg', function(img) {
    img.set({ left: ui.offset.left, top: ui.offset.top});
    canvas.add(img);       
});

---

但我无法成功加载Base64映像。我该如何解决这个问题？

试试：

数据：image/jpeg；base64，“+url

。如果这不起作用，则可能是您的

base64

已损坏，或者您可能需要调整

base64

到提供的

unit8

转换技术，并将图像添加到画布内的图像对象中

---

确保您的数据url符合以下格式：

数据：[][；base64]，

上面的

应该是有效的base64字符串

如果要测试是否是结构未呈现url或url不正确，请尝试在浏览器中打开整个数据url，如果图像是正确的数据url，浏览器将呈现图像

---

fabric应该只适用于base64数据url，就像它适用于http图像地址一样。

发布您正在使用的数据url对我发送一个

base64

很好，如下所示：

数据：image/png；base64，R0lGODlhPQBEAPeoAJosM//AwO/AwHVYZ/z595kz….

。我正在使用从这里生成的

自定义结构构建

。但我正在搜索选择该选项是因为我需要使其在脱机模式下工作，并且显然

fabric.Image.fromURL

仅在联机模式下工作。