第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

FabricJS:如何手動(dòng)設(shè)置對(duì)象的寬度和高度

FabricJS:如何手動(dòng)設(shè)置對(duì)象的寬度和高度

慕工程0101907 2022-08-18 15:36:07
我有一個(gè)織物矩形,我想手動(dòng)更改寬度和高度。接下來(lái)的問(wèn)題是:當(dāng)我第一次通過(guò)縮放調(diào)整ctsize時(shí),它會(huì)按預(yù)期調(diào)整大小,但是在此之后,我嘗試更改輸入中的值 - 矩形以錯(cuò)誤的尺寸重新呈現(xiàn),但javascript對(duì)象中的寬度和高度值正確。法典:<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();});
查看完整描述

1 回答

?
白衣非少年

TA貢獻(xiàn)1155條經(jīng)驗(yàn) 獲得超0個(gè)贊

找到了解決方案,也許這會(huì)幫助某人。當(dāng)我們監(jiān)聽(tīng)寬度/高度的變化時(shí),我們還應(yīng)該考慮當(dāng)前的比例值。


w.addEventListener('change', (e) => {

  const scale = rect.getObjectScaling();

  rect.set('width', parseInt(e.target.value) / scale.scaleX);

  rect.setCoords();

  rect.requestRenderAll();

});


查看完整回答
反對(duì) 回復(fù) 2022-08-18
  • 1 回答
  • 0 關(guān)注
  • 298 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)