json.stringify：调整对象大小后，高度和宽度属性不会更新

Question

如果未单击现有三角形，则下一个代码在画布上创建三角形。 您可以通过单击“保存”按钮将所有元素保存为JSON。然后在控制台中预览JSON变量。

我的问题是，调整对象大小后，再次单击保存时，Json中的高度和宽度不会更新。 调整三角形的大小您必须单击它。 然后抓住一个锚定矩形，并将其从三角形的中心拖动。

我还应该执行什么操作才能使对象具有新的高度和宽度？

接下来是jsFfidle上的代码段： https ://jsfiddle.net/ug7p9myc/76/

 var canvas = new fabric.Canvas('c5'); function some1(x1, y2) { var c = new fabric.Triangle({ left: posX2, top: posY2, width: 15, height: 25, strokeWidth: 3, fill: '#666', stroke: '#666' }); canvas.add(c); } var posX2, posY2; canvas.on('mouse:down', function(e) { var pointer = canvas.getPointer(ee); posX2 = pointer.x; posY2 = pointer.y; if (e.target) {} else { some1(posY2, posY2); } }); function saveJsonF() { var jsonToPHP = JSON.stringify(canvas.toObject()); console.log(jsonToPHP); } document.getElementById("saveJsonID").onclick = saveJsonF; 

 <script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.22/fabric.min.js"></script> <input type="button" class="Btn1" id="saveJsonID" value="Save" /></br><br> <canvas id="c5" width="1060" height="550" style="border: 1px solid black"></canvas> 

Answer 1

使用getScaledWidth和getScaledHeight获取转换后的值。 如果缩放对象，则其scaleX和scaleY值会更改。