我有一個織物矩形,我想手動更改寬度和高度。接下來的問題是:當我第一次通過縮放調整ctsize時,它會按預期調整大小,但是在此之后,我嘗試更改輸入中的值 - 矩形以錯誤的尺寸重新呈現,但javascript對象中的寬度和高度值正確。法典:<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.3/fabric.min.js"></script><canvas id="draw"></canvas>width:<input type="number" id="w" value="50">var w = document.getElementById('w');var c = new fabric.Canvas('draw');var rect = new fabric.Rect({ top: 50, left: 50, width: parseInt(w.value), height: parseInt(h.value), fill: 'lightblue', type: 'rect'});c.add(rect);c.renderAll();c.on('object:scaling', function(e) { var width = parseInt(e.target.width * e.target.scaleX); w.value = width;});w.addEventListener('change', function(e) { rect.set('width', parseInt(e.target.value)); rect.setCoords(); c.requestRenderAll();});
FabricJS:如何手動設置對象的寬度和高度
慕工程0101907
2022-08-18 15:36:07