Base64编码的图像数据与loadfromJSON工作在fabricjs [英] Base64 image data not working with loadfromJSON in fabricjs

问题描述

我试图加载具有图像对象的JSON对象。 Image对象是有基地64图像数据作为背景。但我无法LAOD的loadFromJSON方法。

I am trying to load a json object which has a image object. Image object is having base 64 image data as background. But i am unable laod the loadFromJSON method.

code：

var jsonDataSet = '{"objects":[{"type":"image","originX":"left","originY":"top","left":0,"top":0,"width":700,"height":600,"fill":"rgb(0,0,0)","overlayFill":null,"stroke":null,"strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"selectable":false,"hasControls":true,"hasBorders":true,"hasRotatingPoint":true,"transparentCorners":true,"perPixelTargetFind":false,"shadow":null,"visible":true,"clipTo":null,"src":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAn4AAAFPCAYAAADTHsP1AAAgAElEQ…Lv/vuU1wVsyvXK+Kks1f6gffSCThZ1km3u6NFklCnFes//AbZzi+iGF3/7AAAAAElFTkSuQmCC","filters":[]}],"background":""}';

canvas.loadFromJSON (jsonDataSet);

canvas.renderAll();

这是显示一个错误加载时出错data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAn4AAAFPCAYAAADTHsP1AAAgAElEQ…Lv/vuU1wVsyvXK+Kks1f6gffSCThZ1km3u6NFklCnFes//AbZzi+iGF3/7AAAAAElFTkSuQmCC

推荐答案

如果您使用最新版本fabric.js这是一个错误。我已经解决了与拉入请求＃800： https://github.com/kangax /fabric.js/pull/800 。

If you use the latest fabric.js version it's a bug. I've fixed that with the pull request #800: https://github.com/kangax/fabric.js/pull/800.

BTW你上面code你的base64 dataURL是不正确的 - 它有三个点（1当量... LV / VUU）。
从复制可能的副作用。

BTW your base64 dataURL of your above code is not correct - it has three dots (lEQ…Lv/vuU). Probably a side effect from copying.

这篇关于Base64编码的图像数据与loadfromJSON工作在fabricjs的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！