Dati immagine Base64 non funzionanti con loadfromJSON in fabricjs

Question

Sto provando a caricare un oggetto json che ha un oggetto immagine. L'oggetto immagine ha come base 64 dati immagine come sfondo. Ma non riesco a caricare il metodo loadFromJSON.

Codice:

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(); 

Si sta visualizzando un errore come "Error loading data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAn4AAAFPCAYAAADTHsP1AAAgAElEQ…Lv/vuU1wVsyvXK+Kks1f6gffSCThZ1km3u6NFklCnFes//AbZzi+iGF3/7AAAAAElFTkSuQmCC "

Answer 1

Se si utilizza la versione più recente fabric.js si tratta di un bug. L'ho risolto con la richiesta pull # 800: https://github.com/kangax/fabric.js/pull/800.

BTW your base64 dataURL del codice precedente non è corretto - ha tre punti (lEQ ... Lv/vuU). Probabilmente un effetto collaterale dalla copia.