Я просто наткнулся на ту же комбинацию: Fabric.js и Vue.js, и мне было интересно, но я работаю с VueJs несколько дней, и я не знаю, как настроить ткань в vue.
Вы можете поделиться некоторыми впечатлениями для меня?Как настроить Fabric.js в vue?
4
A
ответ
0
Ткань следует за традиционным распределением.
Вы хотите использовать файлы из каталога dist
. fabric.js
для разработки и fabric.min.js
для живого сайта.
1
Предполагая, что вы используете ES6 и Bundler, такие как Webpack вы можете начать использовать Fabric.js следующим образом:
В командной строке:
npm add fabric
(илиyarn add fabric
)Затем импортируйте его в свой файл .js.
import { fabric } from 'fabric'
Затем установите ваш
Canvas
вmounted:
методе Vue в.
Примечание: Для меня модуль НПМ по умолчанию fabric
привело к довольно большой пакет. В итоге я использовал модуль fabric-browseronly
. В Fabric.js есть много возможностей, которые вам могут не понадобиться, и в этом случае вы могли бы создать свою собственную версию here или через командную строку.