kevoj / angular-editor-fabric-js

Drag-and-drop editor based on Fabricjs for Angular.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Getting <style> duplicates that crash canvas

expressIndustries opened this issue · comments

Getting JSON element <style> with repeating data that causes the application to crash upon loading / refreshing.

Here is an example.

{ "type": "i-text", "version": "4.0.0-beta.7", "originX": "left", "originY": "top", "left": 65, "top": 658, "width": 349.28, "height": 36.16, "fill": "#000000", "stroke": null, "strokeWidth": 1, "strokeDashArray": null, "strokeLineCap": "butt", "strokeDashOffset": 0, "strokeLineJoin": "miter", "strokeMiterLimit": 4, "scaleX": 0.5, "scaleY": 0.5, "angle": 0, "flipX": false, "flipY": false, "opacity": 1, "shadow": null, "visible": true, "backgroundColor": null, "fillRule": "nonzero", "paintFirst": "fill", "globalCompositeOperation": "source-over", "skewX": 0, "skewY": 0, "text": "EST Cash Benifit Purchase", "fontSize": 40, "fontWeight": null, "fontFamily": "Lekton", "fontStyle": "normal", "lineHeight": 1, "underline": false, "overline": false, "linethrough": false, "textAlign": "left", "textBackgroundColor": null, "charSpacing": 0, "styles": [ [ { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, { "fontSize": 32 }, null ] ], "id": "005deca0-45d8-11eb-be28-d3f8ae8bbcc5", "selectable": true, "active": false },

When I replace the "style" above with the following, the canvas then displays again.

"styles": []

Any assistance greatly appreciated!