使用FabricJS加载Canvas JSON内容失败,请求技术帮助
问题:FabricJS加载JSON文件后Canvas无内容显示
我有一个基于FabricJS设计的JSON文件,对应的设计效果如下:
我希望将该JSON文件加载到Canvas中,查阅资料得知可通过loadFromJSON方法实现,于是编写了如下代码:
JavaScript代码
var canvas = new fabric.Canvas('canvas'); $("#setGraph").click(function(){ var settings = { "url": "https://amz-rekognition.s3.amazonaws.com/json/demo2.json", "method": "GET", "timeout": 0 }; jQuery.ajax(settings).done(function (response) { var json = JSON.stringify(response); console.log(json); canvas.clear(); canvas.loadFromJSON(json, function() { canvas.renderAll(); },function(o,object){ console.log(o,object) }) }); });
CSS代码
#canvas{border:1px solid #CCC;}
HTML代码
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.9/fabric.js"></script> <script src="https://amz-rekognition.s3.amazonaws.com/json/fabric.curvedText.js"></script> <canvas id="canvas" width="216" height="216"></canvas> <button type="button" id="setGraph">insert graph</button>
但点击按钮后,Canvas中并未显示任何对象,结果如下:
恳请提供技术帮助。
内容的提问来源于stack exchange,提问作者NekoLopez
相关产品推荐
相关产品推荐

