【Fabric.js】Imageに読み込んだ画像を変更する

環境

fabric 4.1.0

実装

1. setSrcで画像を読み込む。
2. 読み込み後に呼ばれるコールバックでcanvasをレンダリングする。

const canvas = new fabric.Canvas('canvas')
const image = new fabric.Image()

canvas.add(image)

// 画像のURLを指定
const url = null

canvas.item(0).setSrc(url, () => {
  canvas.renderAll()
})

参考

• JSDoc: Class: Image
• Image : setSrc() and src value · Issue #4679 · fabricjs/fabric.js