所以我的畫布上有一個圖像,我試圖使圖像適合畫布(我希望畫布內的圖像與畫布大小相同)。我使用scaleToWidth()和scaleToHeight()來設置圖像大小。但只有其中一個有效。如果我只使用scaleToWidth(),那么它會正確縮放寬度,如果我只使用,scaleToHeight()那么它會正確縮放高度。在下面的代碼中,高度被正確縮放,因為它寫在下面的行中oImg.scaleToWidth(cDim.clientWidth)。但我希望寬度和高度都符合我的值。我怎樣才能做到這一點? const canvas = new window.fabric.Canvas('c'); const cDim = document.getElementById("canvas-dimension"); console.log("Canvas Height: " + cDim.clientHeight); console.log("Canvas Width: " + cDim.clientWidth) let planURL = baseURL + "dream" + "/" + "plan"; window.fabric.Image.fromURL(planURL, (oImg) => { //let scaleW = cDim.clientWidth / oImg.getWidth; // let scaleH = cDim.clientHeight / oImg.getHeight; // oImg.scaleX(scaleW) oImg.scaleToWidth(cDim.clientWidth) oImg.scaleToHeight(cDim.clientHeight) canvas.setBackgroundImage(oImg); canvas.renderAll(); },{ crossOrigin: 'anonymous'}); setCanvas(canvas)對此的任何幫助或解決方法將不勝感激。謝謝!
如何設置圖像的高度和寬度,使其適合 fabric.js 中的畫布大???
FFIVE
2022-12-22 15:12:11
