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值會更改。