javascriptvue.jsfabricjs

How can I set up Fabric.js in vue?

I just came across the same combination: Fabric.js and Vue.js and was wondering, but I'm working with VueJs few days and I don't know how to set up fabric in vue.
Can you share some experience for me?

Solution

  • Assuming you're using ES6 and a bundler such as Webpack you can start using Fabric.js as follows:

    At the command line

    npm install fabric

    or 

    yarn add fabric

    Then import it in your .js file.

    import { fabric } from 'fabric'

    Then set up your Canvas in Vue's mounted: method.

    Note: For me the default fabric npm module resulted in quite a large package. I ended up using the fabric-browseronly module instead. Fabric.js has a lot of features you might not need, in which case you could build your own version here or via the command line.