web-dev-qa-db-ja.com

vueでFabric.jsを設定するにはどうすればよいですか？

同じ組み合わせであるFabric.jsとVue.jsに出くわし、疑問に思っていましたが、VueJで数日間作業していて、vueでファブリックをセットアップする方法がわかりません。
私にいくつかの経験を共有できますか？

javascriptvue.jsfabricjs
11
Ziteng Wang

ES6とWebpackなどのバンドラーを使用しているとすると、次のようにFabric.jsの使用を開始できます。

コマンドラインで

npm install fabric

または

yarn add fabric

次に、それを。jsファイルにインポートします。

import { fabric } from 'fabric'

次に、Vueのmounted:メソッドでCanvasを設定します。

注：私にとって、デフォルトのfabricnpmモジュールは非常に大きなパッケージになりました。代わりにfabric-browseronlyモジュールを使用することになりました。 Fabric.jsには、不要な機能がたくさんあります。その場合は、独自のバージョンを作成できます ここ またはコマンドラインから

9
laverick

ファブリックは、かなり伝統的な配布レイアウトに従います。

distディレクトリのファイルを使用したい。 fabric.js開発作業用およびfabric.min.jsライブサイト用。

0
Fabol Lous