图像过滤和裁剪的异常Fabric.js行为

Question

我这里有一个奇怪的情况。我有一个从fabric.Image.fromURL创建的基本fabric.js图像对象，并将其放在画布上并添加了image filter。

奇怪的是，每当我添加图像过滤器时，图像实际上就会裁剪。似乎太出乎意料了，我不确定这是哪里来的。

正在发生：https://v.usetapes.com/gkWX8CfeUh

---

鼠标悬停时添加过滤器的逻辑：

img.on('mouseover', () => {
  const filter = new fabric.Image.filters.BlendColor({
    color: 'white',
    alpha: 0.2,
    mode: 'tint'
  })
  img.filters.push(filter)
  img.applyFilters()
  this.canvas.renderAll()
})

---

更新
我添加了jsfiddle，以更好地显示我遇到的问题。