fabric-canvas/src/fabric-static-canvas.js

Web Component wrapper of fabric.js

import { PolymerElement } from '@polymer/polymer/polymer-element';
import { mixinBehaviors } from '@polymer/polymer/lib/legacy/class.js';
import { IronResizableBehavior } from '@polymer/iron-resizable-behavior';
import { FabricCanvasMixin } from './fabric-canvas-mixin';
import fabric from './lib/fabric.esm';

/**
 * `<fabric-static-canvas>`
 * Web Component wrapper of [fabric.StaticCanvas](http://fabricjs.com/docs/fabric.StaticCanvas.html)
 *
 * ```html
 * <fabric-static-canvas></fabric-static-canvas>
 * ```
 *
 * @demo demo/index.html
 * @polymer
 * @polymerBehavior IronResizableBehavior
 * @appliesMixin FabricCanvasMixin
 */
class FabricStaticCanvas extends FabricCanvasMixin(mixinBehaviors([IronResizableBehavior], PolymerElement)) {
  static get is() {
    return 'fabric-static-canvas';
  }

  static get properties() {
    return {
      /**
       * Main rendering surface.
       * @type {fabric.StaticCanvas}
       */
      canvas: Object
    };
  }
}

customElements.define(FabricStaticCanvas.is, FabricStaticCanvas);

export { fabric, FabricStaticCanvas };