在fabric js中将画布保存在json中时使用图像路径而不是base64图像数据URI答案

【问题标题】：Use image path instead of base64 image data URI while saving canvas in json in fabric js在fabric js中将画布保存在json中时使用图像路径而不是base64图像数据URI
【发布时间】：2018-03-29 05:49:47
【问题描述】：

我正在尝试将织物 js 画布的可编辑状态保存在数据库中，我尝试通过将其转换为 json 并将其保存在数据库中的数据类型 BLOB 的属性中来实现。当画布上添加多个图像时，由于 json 使用图像数据 URI，因此 json 的长度超过了 BLOB 的限制。那么，有没有办法将这个数据 URI 更改为特定的图像路径？或者有什么办法可以解决这个问题？

【问题讨论】：

您是否使用fabric.Image.fromURL 来加载您的图片？
是的，fabric.Image.fromURL 加载图片
检查这个fiddle，它只包含图片路径
谢谢，所以这意味着我必须先通过输入类型文件获取图像的路径，然后才能使用fabric.Image.fromURL 将其加载到画布上？

标签： database canvas fabricjs

【解决方案1】：

如cmets中提到的，可以使用fromUrl来加载和镜像：

var URL = 'http://somedomain.com';

fabric.Image.fromURL(URL, function (oImg) {
    canvas.add(oImg);
    canvas.renderAll();
}

【讨论】：