所以我的畫(huà)布上有一個(gè)圖像,我試圖使圖像適合畫(huà)布(我希望畫(huà)布內(nèi)的圖像與畫(huà)布大小相同)。我使用scaleToWidth()和scaleToHeight()來(lái)設(shè)置圖像大小。但只有其中一個(gè)有效。如果我只使用scaleToWidth(),那么它會(huì)正確縮放寬度,如果我只使用,scaleToHeight()那么它會(huì)正確縮放高度。在下面的代碼中,高度被正確縮放,因?yàn)樗鼘?xiě)在下面的行中oImg.scaleToWidth(cDim.clientWidth)。但我希望寬度和高度都符合我的值。我怎樣才能做到這一點(diǎn)? 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)對(duì)此的任何幫助或解決方法將不勝感激。謝謝!
如何設(shè)置圖像的高度和寬度,使其適合 fabric.js 中的畫(huà)布大?。?/h1>
FFIVE
2022-12-22 15:12:11
FFIVE
2022-12-22 15:12:11