Canvas 使用FabricJs调整画布大小以适应图像大小和比例
经过一些研究，我只看到了将图像与画布相匹配的例子。有没有可能换一种方式，为画布创建一个图像源，因此当我加载图像时，画布基本上就是加载的图像，并根据图像的比例和尺寸调整大小 我需要的是在图像上画矩形。矩形的位置和大小对我来说与图像有关很重要 我正在使用FabricJS。这很容易做到，只要你知道图像的尺寸 const canvas=new fabric.Canvasc 常量url=https://via.placeholder.com/200x100 常量imgEl=document.createElementimg imgEl.src=url imgEl.onload==>{ const img=new fabric.ImageimgEl img.set{ 左:50,， 前50名， scaleX:2， 斯卡利：1.5 } canvas.addimg canvas.requestRenderAll document.querySelector'b'。onclick==>{ canvas.setWidthimg.getScaledWidth canvas.setHeightimg.getScaledHeight img.set{ 左:0,， 排名：0 } img.setCoords canvas.requestRenderAll } } c{ 边框：1px纯红； } 使画布适合图像Canvas 使用FabricJs调整画布大小以适应图像大小和比例,canvas,html5-canvas,fabricjs,Canvas,Html5 Canvas,Fabricjs,经过一些研究，我只看到了将图像与画布相匹配的例子。有没有可能换一种方式，为画布创建一个图像源，因此当我加载图像时，画布基本上就是加载的图像，并根据图像的比例和尺寸调整大小 我需要的是在图像上画矩形。矩形的位置和大小对我来说与图像有关很重要 我正在使用FabricJS。这很容易做到，只要你知道图像的尺寸 const canvas=new fabric.Canvasc 常量url=https://via.placeholder.com/200x100 常量imgEl=document.create
在将其调整为图像尺寸后，是否可以使画布适合并居中于父div？