fabric.js怎么设置自适应的背景图片

Question

在使用fabric.js 时，想要设置一张自适应的背景图片，但是并没有找到相关的api可以使用，下边是我的代码

this.fabricObj.setBackgroundImage(this.bgImgUrl, this.fabricObj.renderAll.bind(this.fabricObj), {
      // opacity: 0.9,
      width: this.$refs.container.$el.clientWidth,
      height: this.imgHeight,
      repeat: 'no-repeat',
      // Needed to position backgroundImage at 0/0
      originX: 'left',
      originY: 'top',
  });

但是依然是显示不全的背景图，并不能很好的适应容器，我要怎么样才能使设置的背景图以完美比例展现？

Answer 1

scaleX: canvas.width / img.width,
scaleY: canvas.height / img.height,

添加等比缩放就好了