fabric.js | 设置画布背景自适应画布

1,748 阅读1分钟

一、设置画布大小

canvas.setWidth(canvasWidth.value)
canvas.setHeight(canvasHeight.value)

//注意:canvasWidth.value 和 canvasHeight.value可以根据电脑屏幕自定义设置

二、图片背景自适应

   fabric.Image.fromURL(url, (img) => {
      img.set({
        // 通过scale来设置图片大小,这里设置和画布一样大
        scaleX: canvas.width / img.width,
        scaleY: canvas.height / img.height,
      })
      // 设置背景
      canvas.setBackgroundImage(img, canvas.renderAll.bind(canvas))
      canvas.renderAll()
    })

参考文档:www.cnblogs.com/rachelch/p/…