我正在backbone.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映像。我应该如何解决这个问题呢？
3条答案
按热度按时间lg40wkob1#
以上所有答案都是正确的，但如果没有例子，答案就不明显了。
a0x5cqrl2#
尝试：
data:image/jpeg;base64,"+url。如果这不起作用，那么可能是你的base64坏了，或者你可能需要调整here提供的base64到unit8的转换技术，并将图像data添加到放置在画布内的图像对象。Data URI
eeq64g8w3#
请确保您的数据URL符合以下格式：
数据：[< mediatype >][;base64]，< data >
MDN
上面的
<data>应该是有效的 base64 字符串。如果你想测试它是否是织物，不呈现的网址或网址是不正确的，尝试打开整个数据网址在浏览器中，浏览器将呈现图像，如果它是一个正确的数据网址。
Fabric应该只适用于 base64 数据URL，就像它适用于 http 图像地址一样。