Fabric.js с Vue 3 – невозможно загрузить изображение SVG ⇐ Jquery

[Anonymous]

Я пытаюсь использовать Fabric.js ^6.3.0 с Vue 3 для загрузки изображения SVG на холст:

Код: Выделить всё

import * as fabric from 'fabric'
import { onMounted, ref } from 'vue'

const fabricCanvas = ref()
onMounted(() => {
const canvas = new fabric.Canvas(fabricCanvas.value)
fabric.loadSVGFromURL('./assets/roof.svg', (objects, options) => {
const svg = fabric.util.groupSVGElements(objects, options)
canvas.add(svg)
canvas.renderAll()
})
})

Ничего не происходит, svg не загружается в холст. Но этот код работает хорошо, если я использую Jquery с Fabric.js 5.3.0
В этой строке const svg = Fabric.util.groupSVGElements(objects, options) я получил ошибка машинописного текста с объектами: аргумент типа «Элемент» невозможно назначить параметру типа «FabricObject
[]'
Вы когда-нибудь пробовали Vue 3 с Fabric? Пожалуйста, помогите мне!

Подробнее здесь: https://stackoverflow.com/questions/788 ... -svg-image