Как добавить sprite.class.js в fabric.js?

#reactjs #canvas #sprite #fabricjs #gif

Вопрос:

Как добавить «sprite.class.js» в моем проекте react typescript, чтобы я мог анимировать некоторые листы спрайтов? В «fabric.js» на официальном сайте упоминается, что они используют класс sprite для анимации предоставленного ими листа спрайтов, я вручную добавил этот класс в папку fabric внутри модулей узлов, и если я попытаюсь использовать функцию fabric.Sprite.fromURL (), я получаю сообщение об ошибке, что я пытаюсь получить доступ к неопределенному типу, Если я добавил этот файл в папку проекта и попытался импортировать его, то также появляется ошибка «Файл» /Users/apple/Desktop/source_given_to_me/inivitation-maker/src/components/Navbar/sprite.class.js » это не модуль.», Я хотел добавить gif на полотно ткани, так как gif автоматически не анимируется внутри полотна, я пытаюсь добавить анимацию с помощью листа спрайтов, Есть ли другой простой способ добавить gif внутрь полотна ткани? если нет, то как получить доступ к этому sprite.class.js внутри моего кода? Я новичок в react, любые предложения будут очень полезны.

fabric.js ссылка на анимацию спрайта:

http://fabricjs.com/animated-sprite

sprite.class.js:

http://fabricjs.com/js/sprite.class.js

Изображение спрайта:

Фея