fabric 5.3.0 → 6.0.0-beta3

package/README.md

@@ -1,292 +1,257 @@
-## Fabric.js
+# Fabric.js
 
-<!-- build/coverage status, climate -->
-
-[![Build Status](https://secure.travis-ci.org/fabricjs/fabric.js.svg?branch=master)](http://travis-ci.org/#!/kangax/fabric.js)
-[![Code Climate](https://d3s6mut3hikguw.cloudfront.net/github/kangax/fabric.js/badges/gpa.svg)](https://codeclimate.com/github/kangax/fabric.js)
-[![Coverage Status](https://coveralls.io/repos/fabricjs/fabric.js/badge.png?branch=master)](https://coveralls.io/r/kangax/fabric.js?branch=master)
-[![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/fabricjs/fabric.js)
-
-<!-- npm, bower, CDNJS versions, downloads -->
-
-[![Bower version](https://badge.fury.io/bo/fabric.svg)](http://badge.fury.io/bo/fabric)
-[![NPM version](https://badge.fury.io/js/fabric.svg)](http://badge.fury.io/js/fabric)
-[![Downloads per month](https://img.shields.io/npm/dm/fabric.svg)](https://www.npmjs.org/package/fabric)
-[![CDNJS version](https://img.shields.io/cdnjs/v/fabric.js.svg)](https://cdnjs.com/libraries/fabric.js)
-
-<!-- bounties, tips -->
+<a href="http://fabricjs.com/kitchensink" target="_blank"><img align="right" src="/lib/screenshot.png" style="width:400px"></a>
 
-[![Bountysource](https://api.bountysource.com/badge/tracker?tracker_id=23217)](https://www.bountysource.com/trackers/23217-fabric-js?utm_source=23217&utm_medium=shield&utm_campaign=TRACKER_BADGE)
-[![Flattr this git repo](http://api.flattr.com/button/flattr-badge-large.png)](https://flattr.com/submit/auto?user_id=kangax&url=http://github.com/kangax/fabric.js&title=Fabric.js&language=&tags=github&category=software)
+A **simple and powerful Javascript HTML5 canvas library**.
 
-**Fabric.js** is a framework that makes it easy to work with HTML5 canvas element. It is an **interactive object model** on top of canvas element. It is also an **SVG-to-canvas parser**.
+- [**Website**][website]
+- [**GOTCHAS**][gotchas]
+- [**Contributing, Developing and More**](CONTRIBUTING.md)
 
-<a href="http://fabricjs.com/kitchensink" target="_blank"><img src="https://github.com/kangax/fabric.js/raw/master/lib/screenshot.png" style="width:300px;box-shadow:rgba(0,0,0,0.3) 0 0 5px"></a>
+---
 
-Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes — rectangles, circles, ellipses, polygons, or more complex shapes consisting of hundreds or thousands of simple paths. You can then scale, move, and rotate these objects with the mouse; modify their properties — color, transparency, z-index, etc. You can also manipulate these objects altogether — grouping them with a simple mouse selection.
-
-### Non-Technical Introduction to Fabric
-
-Fabric.js allows you to easily create simple shapes like rectangles, circles, triangles and other polygons or more complex shapes made up of many paths, onto the HTML `<canvas>` element on a webpage using JavaScript.  Fabric.js will then allow you to manipulate the size, position and rotation of these objects with a mouse.  It’s also possible to change some of the attributes of these objects such as their color, transparency, depth position on the webpage or selecting groups of these objects using the Fabric.js library. Fabric.js will also allow you to convert an SVG image into JavaScript data that can be used for putting it onto the `<canvas>` element.
-
-
-[Contributions](https://github.com/kangax/fabric.js/wiki/Love-Fabric%3F-Help-us-by...) are very much welcome!
-
-### Goals
+<!-- build/coverage status, climate -->
 
-- Unit tested (1150+ tests at the moment, 79%+ coverage)
-- Modular (~60 small ["classes", modules, mixins](http://fabricjs.com/docs/))
-- Cross-browser
-- [Fast](https://github.com/kangax/fabric.js/wiki/Focus-on-speed)
-- Encapsulated in one object
-- No browser sniffing for critical functionality
-- Runs under ES5 strict mode
-- Runs on a server under [Node.js](http://nodejs.org/) (active stable releases and latest of current) (see [Node.js limitations](https://github.com/kangax/fabric.js/wiki/Fabric-limitations-in-node.js))
-- Follows [Semantic Versioning](http://semver.org/)
+[![🩺](../../actions/workflows/build.yml/badge.svg)](../../actions/workflows/build.yml)
+[![🧪](../../actions/workflows/tests.yml/badge.svg)](../../actions/workflows/tests.yml)
+[![CodeQL](../../actions/workflows/codeql-analysis.yml/badge.svg)](../../actions/workflows/codeql-analysis.yml)
 
-### Supported browsers
+---
 
-- Firefox 4+
-- Safari 5+
-- Opera 9.64+
-- Chrome (all versions)
-- Edge (chromium based, all versions)
-- IE11 and Edge legacy, not supported. Fabric up to 5.0 is written with ES5 in mind, but no specific tests are run for those browsers.
+<!-- npm, bower, CDNJS versions, downloads -->
 
-You can [run automated unit tests](http://fabricjs.com/test/unit/) right in the browser.
+[![cdnjs](https://img.shields.io/cdnjs/v/fabric.js.svg)][cdnjs]
+[![jsdelivr](https://data.jsdelivr.com/v1/package/npm/fabric/badge)][jsdelivr]
+[![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/fabricjs/fabric.js)
 
-### History
+[![NPM](https://badge.fury.io/js/fabric.svg)](http://badge.fury.io/js/fabric)
+[![Downloads per month](https://img.shields.io/npm/dm/fabric.svg)](https://www.npmjs.org/package/fabric)
+[![Bower](https://badge.fury.io/bo/fabric.svg)](http://badge.fury.io/bo/fabric)
 
-Fabric.js started as a foundation for design editor on [printio.ru](http://printio.ru) — interactive online store with ability to create your own designs. The idea was to create [Javascript-based editor](http://printio.ru/ringer_man_tees/new), which would make it easy to manipulate vector shapes and images on T-Shirts. Since performance was one of the most critical requirements, we chose canvas over SVG. While SVG is excellent with static shapes, it's not as performant as canvas when it comes to dynamic manipulation of objects (movement, scaling, rotation, etc.). Fabric.js was heavily inspired by [Ernest Delgado's canvas experiment](http://www.ernestdelgado.com/public-tests/canvasphoto/demo/canvas.html). In fact, code from Ernest's experiment was the foundation of an entire framework. Later, Fabric.js grew into a collection of distinct object types and got an SVG-to-canvas parser.
+---
 
-### Installation Instructions
+[![Sponsor asturur](https://img.shields.io/static/v1?label=Sponsor%20asturur&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86)](https://github.com/sponsors/asturur)
+[![Sponsor melchiar](https://img.shields.io/static/v1?label=Sponsor%20melchiar&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86)](https://github.com/sponsors/melchiar)
+[![Sponsor ShaMan123](https://img.shields.io/static/v1?label=Sponsor%20ShaMan123&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86)](https://github.com/sponsors/ShaMan123)
+[![Patreon](https://img.shields.io/static/v1?label=Patreon&message=%F0%9F%91%8D&logo=Patreon&color=blueviolet)](https://www.patreon.com/fabricJS)
 
-<h3 id="bower-install">Install with bower</h3>
+---
 
-    $ bower install fabric
+## Features
 
-<h3 id="npm-install">Install with npm</h3>
+- Out of the box interactions such as scale, move, rotate, skew, group...
+- Built in shapes, controls, animations, image filters, gradients, patterns, brushes...
+- `JPG`, `PNG`, `JSON` and `SVG` i/o
+- [Typed and modular](#migrating-to-v6)
+- [Unit tested](CONTRIBUTING.md#%F0%9F%A7%AA%20testing)
 
-Note: If you are using Fabric.js in a Node.js script, you will depend from [node-canvas](https://github.com/Automattic/node-canvas).`node-canvas` is an html canvas replacement that works on top of native libraries.
-Please follow the instructions located [here](https://github.com/Automattic/node-canvas#compiling) in order to get it up and running.
+#### Supported Browsers/Environments
 
+|   Context   | Supported Version | Notes                           |
+| :---------: | :---------------: | ------------------------------- |
+|   Firefox   |        ✔️         | modern version (tbd)            |
+|   Safari    |        ✔️         | version >= 10.1                 |
+|    Opera    |        ✔️         | chromium based                  |
+|   Chrome    |        ✔️         | modern version (tbd)            |
+|    Edge     |        ✔️         | chromium based                  |
+| Edge Legacy |        ❌         |
+|    IE11     |        ❌         |
+|   Node.js   |        ✔️         | [Node.js installation](#nodejs) |
 
-    $ npm install fabric --save
+Fabric.js Does not use transpilation by default, the browser version we support is determined by the level of canvas api we want to use and some js syntax. While JS can be easily transpiled, canvas API can't.
 
+## Migrating to v6
 
-After this, you can import fabric like so:
+v6 is a **MAJOR** effort including migrating to TS and es6, countless fixes, rewrites and features.\
+Currently in beta, refer to [#8299](../../issues/8299) for guidance.
 
-```
-const fabric = require("fabric").fabric;
+```bash
+$ npm install fabric@beta --save
+// or
+$ yarn add fabric@beta
 ```
 
-Or you can use this instead if your build pipeline supports ES6 imports:
+## Installation
 
+```bash
+$ npm install fabric --save
+// or
+$ yarn add fabric
 ```
-import { fabric } from "fabric";
-```
-
-NOTE: es6 imports won't work in browser or with bundlers which expect es6 module like vite. Use commonjs syntax instead.
-
-See [the example section](#examples-of-use) for usage examples.
-
-<h3 id="fabric-building">Building</h3>
-
-1. [Install Node.js](https://github.com/joyent/node/wiki/Installation)
-
-2. Build distribution file  **[~77K minified, ~20K gzipped]**
-
-        $ node build.js
-
-    2.1 Or build a custom distribution file, by passing (comma separated) module names to be included.
-
-          $ node build.js modules=text,serialization,parser
-          // or
-          $ node build.js modules=text
-          // or
-          $ node build.js modules=parser,text
-          // etc.
-
-      By default (when none of the modules are specified) only basic functionality is included.
-      See the list of modules below for more information on each one of them.
-      Note that default distribution has support for **static canvases** only.
-
-      To get minimal distribution with interactivity, make sure to include corresponding module:
-
-          $ node build.js modules=interaction
 
-    2.2 You can also include all modules like so:
+#### Browser
 
-          $ node build.js modules=ALL
+[![cdnjs](https://img.shields.io/cdnjs/v/fabric.js.svg)][cdnjs]
+[![jsdelivr](https://data.jsdelivr.com/v1/package/npm/fabric/badge)][jsdelivr]
 
-    2.3 You can exclude a few modules like so:
+See [browser modules][mdn_es6] for using es6 imports in the browser or use a dedicated bundler.
 
-          $ node build.js modules=ALL exclude=gestures,image_filters
+#### Node.js
 
-3. Create a minified distribution file
+Fabric.js depends on [node-canvas][node_canvas] for a canvas implementation (`HTMLCanvasElement` replacement) and [jsdom][jsdom] for a `window` implementation on node.
+This means that you may encounter `node-canvas` limitations and [bugs][node_canvas_issues].
 
-        # Using YUICompressor (default option)
-        $ node build.js modules=... minifier=yui
+Follow these [instructions][node_canvas_install] to get `node-canvas` up and running.
 
-        # or Google Closure Compiler
-        $ node build.js modules=... minifier=closure
+## Quick Start
 
-4. Enable AMD support via require.js (requires uglify)
+```js
+// v6
+import { Canvas, Rect } from 'fabric'; // browser
+import { StaticCanvas, Rect } from 'fabric/node'; // node
 
-        $ node build.js requirejs modules=...
-
-5. Create source map file for better productive debugging (requires uglify or google closure compiler).<br>More information about [source maps](http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/).
-
-        $ node build.js sourcemap modules=...
-
-    If you use google closure compiler you have to add `sourceMappingURL` manually at the end of the minified file all.min.js (see issue https://code.google.com/p/closure-compiler/issues/detail?id=941).
-
-        //# sourceMappingURL=fabric.min.js.map
-
-6. Ensure code guidelines are met (prerequisite: `npm -g install eslint`)
-
-        $ npm run lint && npm run lint_tests
-
-<h3 id="fabric-building">Testing</h3>
-
-1. [Install Node.js](https://github.com/joyent/node/wiki/Installation)
-
-2. [Install NPM, if necessary](https://github.com/npm/npm#super-easy-install)
-
-3. Install NPM packages
-
-        $ npm install
-
-4. Run test suite
-
-Make sure testem is installed
-
-        $ npm install -g testem
-
-Run tests Chrome and Node (by default):
-
-        $ testem
-
-See testem docs for more info: https://github.com/testem/testem
-
-### Demos
-
-- [Demos](http://fabricjs.com/demos/)
-- [Kitchensink demo](http://fabricjs.com/kitchensink)
-- [Benchmarks](http://fabricjs.com/benchmarks/)
-
-[Who's using Fabric?](http://trends.builtwith.com/javascript/FabricJS)
-
-### Documentation
-
-Documentation is always available at [http://fabricjs.com/docs/](http://fabricjs.com/docs/).
-
-Also see [official 4-part intro series](http://fabricjs.com/articles), [presentation from BK.js](http://www.slideshare.net/kangax/fabricjs-building-acanvaslibrarybk) and [presentation from Falsy Values](http://www.slideshare.net/kangax/fabric-falsy-values-8067834) for an overview of fabric.js, how it works, and its features.
-
-### Optional modules
-
-These are the optional modules that could be specified for inclusion, when building custom version of fabric:
+// v5
+import { fabric } from 'fabric';
+```
 
-- **text** — Adds support for static text (`fabric.Text`)
-- **itext** — Adds support for interactive text (`fabric.IText`, `fabric.Textbox`)
-- **serialization** — Adds support for `loadFromJSON`, `loadFromDatalessJSON`, and `clone` methods on `fabric.Canvas`
-- **interaction** — Adds support for interactive features of fabric — selecting/transforming objects/groups via mouse/touch devices.
-- **parser** — Adds support for `fabric.parseSVGDocument`, `fabric.loadSVGFromURL`, and `fabric.loadSVGFromString`
-- **image_filters** — Adds support for image filters, such as grayscale of white removal.
-- **easing** — Adds support for animation easing functions
-- **node** — Adds support for running fabric under node.js, with help of [jsdom](https://github.com/tmpvar/jsdom) and [node-canvas](https://github.com/learnboost/node-canvas) libraries.
-- **freedrawing** — Adds support for free drawing
-- **erasing** — Adds support for object erasing using an eraser brush
-- **gestures** — Adds support for multitouch gestures with help of [Event.js](https://github.com/mudcube/Event.js)
-- **object_straightening** — Adds support for rotating an object to one of 0, 90, 180, 270, etc. depending on which is angle is closer.
-- **animation** — Adds support for animation (`fabric.util.animate`, `fabric.util.requestAnimFrame`, `fabric.Object#animate`, `fabric.Canvas#fxCenterObjectH/#fxCenterObjectV/#fxRemove`)
+<details><summary><b>Plain HTML</b></summary>
 
-Additional flags for build script are:
+```html
+<canvas id="canvas" width="300" height="300"></canvas>
+
+<script src="https://cdn.jsdelivr.net/npm/fabric"></script>
+<script>
+  const canvas = new fabric.Canvas('canvas');
+  const rect = new fabric.Rect({
+    top: 100,
+    left: 100,
+    width: 60,
+    height: 70,
+    fill: 'red',
+  });
+  canvas.add(rect);
+</script>
+```
 
-- **requirejs** — Makes fabric requirejs AMD-compatible in `dist/fabric.js`. *Note:* an unminified, requirejs-compatible version is always created in `dist/fabric.require.js`
-- **no-strict** — Strips "use strict" directives from source
-- **no-svg-export** — Removes svg exporting functionality
-- **sourcemap** - Generates a sourceMap file and adds the `sourceMappingURL` (only if uglifyjs is used) to `dist/fabric.min.js`
+</details>
 
-For example:
+<details><summary><b>ReactJS</b></summary>
 
-    node build.js modules=ALL exclude=json no-strict no-svg-export
+```tsx
+import React, { useEffect, useRef } from 'react';
+import * as fabric from 'fabric'; // v6
+import { fabric } from 'fabric'; // v5
 
-### Examples of use
+export const FabricJSCanvas = () => {
+  const canvasEl = useRef<HTMLCanvasElement>(null);
+  useEffect(() => {
+    const options = { ... };
+    const canvas = new fabric.Canvas(canvasEl.current, options);
+    // make the fabric.Canvas instance available to your app
+    updateCanvasContext(canvas);
+    return () => {
+      updateCanvasContext(null);
+      canvas.dispose();
+    }
+  }, []);
 
-#### Adding red rectangle to canvas
+  return <canvas width="300" height="300" ref={canvasEl}/>;
+};
 
-```html
-<!DOCTYPE html>
-<html>
-<head>
-</head>
-<body>
-    <canvas id="canvas" width="300" height="300"></canvas>
-
-    <script src="lib/fabric.js"></script>
-    <script>
-        var canvas = new fabric.Canvas('canvas');
-
-        var rect = new fabric.Rect({
-            top : 100,
-            left : 100,
-            width : 60,
-            height : 70,
-            fill : 'red'
-        });
-
-        canvas.add(rect);
-    </script>
-</body>
-</html>
 ```
 
-### Helping Fabric
+</details>
+
+<details><summary><b>Node.js</b></summary>
+
+```js
+import http from 'http';
+import * as fabric from 'fabric/node'; // v6
+import { fabric } from 'fabric'; // v5
+
+const port = 8080;
+
+http
+  .createServer((req, res) => {
+    const canvas = new fabric.Canvas(null, { width: 100, height: 100 });
+    const rect = new fabric.Rect({ width: 20, height: 50, fill: '#ff0000' });
+    const text = new fabric.Text('fabric.js', { fill: 'blue', fontSize: 24 });
+    canvas.add(rect, text);
+    canvas.renderAll();
+    if (req.url === '/download') {
+      res.setHeader('Content-Type', 'image/png');
+      res.setHeader('Content-Disposition', 'attachment; filename="fabric.png"');
+      canvas.createPNGStream().pipe(res);
+    } else if (req.url === '/view') {
+      canvas.createPNGStream().pipe(res);
+    } else {
+      const imageData = canvas.toDataURL();
+      res.writeHead(200, '', { 'Content-Type': 'text/html' });
+      res.write(`<img src="${imageData}" />`);
+      res.end();
+    }
+  })
+  .listen(port, (err) => {
+    if (err) throw err;
+    console.log(
+      `> Ready on http://localhost:${port}, http://localhost:${port}/view, http://localhost:${port}/download`
+    );
+  });
+```
 
-- [Fabric on Bountysource](https://www.bountysource.com/trackers/23217-fabric-js)
-- [Fabric on CodeTriage](http://www.codetriage.com/kangax/fabric.js)
-- [Contributing](./CONTRIBUTING.md)
+</details>
 
-### Staying in touch
+See our ready to use [templates](./.codesandbox/templates/).
 
-Follow [@fabric.js](http://twitter.com/fabricjs), [@kangax](http://twitter.com/kangax) or [@AndreaBogazzi](http://twitter.com/AndreaBogazzi) on twitter.
+---
 
-Questions, suggestions — [fabric.js on Google Groups](http://groups.google.com/group/fabricjs).
+## Other Solutions
 
-See [Fabric questions on Stackoverflow](http://stackoverflow.com/questions/tagged/fabricjs),
-Fabric snippets on [jsfiddle](http://jsfiddle.net/user/fabricjs/fiddles/)
-or [codepen.io](http://codepen.io/tag/fabricjs).
+| Project                        | Description          | Demo |
+| ------------------------------ | -------------------- | :--: |
+| [Three.js][three.js]           | 3D graphics          |
+| [PixiJS][pixijs]               | WebGL renderer       |
+| [Konva][konva]                 | Similar features     |  ❌  |
+| [Canvas2PDF][canvas2pdf]       | PDF renderer         |
+| [html-to-image][html-to-image] | HTML to image/canvas |
 
-Fabric on [LibKnot](http://libknot.ohmztech.com/).
+## More Resources
 
-Get help in Fabric's IRC channel — irc://irc.freenode.net/#fabric.js
+- [Demos on `fabricjs.com`][demos]
+- [Fabric.js on `Twitter`][twitter]
+- [Fabric.js on `CodeTriage`][code_triage]
+- [Fabric.js on `Stack Overflow`][so]
+- [Fabric.js on `jsfiddle`][jsfiddles]
+- [Fabric.js on `Codepen.io`][codepens]
 
-### Credits
+## Credits [![Patreon](https://img.shields.io/static/v1?label=Patreon&message=%F0%9F%91%8D&logo=Patreon&color=blueviolet)](https://www.patreon.com/fabricJS)
 
-- [Andrea Bogazzi](https://twitter.com/AndreaBogazzi) for help with bugs, new features, documentation, GitHub issues
+- [kangax][kagnax]
+- [asturur][asturur] on [`Twitter`][asturur_twitter]
+  [![Sponsor asturur](https://img.shields.io/static/v1?label=Sponsor%20asturur&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86)](https://github.com/sponsors/asturur)
+- [melchiar][melchiar] [![Sponsor melchiar](https://img.shields.io/static/v1?label=Sponsor%20melchiar&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86)](https://github.com/sponsors/melchiar)
+- [ShaMan123][shaman123] [![Sponsor ShaMan123](https://img.shields.io/static/v1?label=Sponsor%20ShaMan123&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86)](https://github.com/sponsors/ShaMan123)
 - Ernest Delgado for the original idea of [manipulating images on canvas](http://www.ernestdelgado.com/archive/canvas/)
 - [Maxim "hakunin" Chernyak](http://twitter.com/hakunin) for ideas, and help with various parts of the library throughout its life
 - [Sergey Nisnevich](http://nisnya.com) for help with geometry logic
 - [Stefan Kienzle](https://twitter.com/kienzle_s) for help with bugs, features, documentation, GitHub issues
-- [Shutterstock](http://www.shutterstock.com/jobs) for the time and resources invested in using and improving fabric.js
-- [And all the other GitHub contributors](https://github.com/kangax/fabric.js/graphs/contributors)
-
-### MIT License
-
-Copyright (c) 2008-2015 Printio (Juriy Zaytsev, Maxim Chernyak)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+- [Shutterstock](http://www.shutterstock.com/jobs) for the time and resources invested in using and improving Fabric.js
+- [and all the other contributors][contributors]
+
+[asturur]: https://github.com/asturur
+[asturur_twitter]: https://twitter.com/AndreaBogazzi
+[canvas2pdf]: https://github.com/joshua-gould/canvas2pdf
+[cdnjs]: https://cdnjs.com/libraries/fabric.js
+[code_triage]: https://www.codetriage.com/kangax/fabric.js
+[codepens]: https://codepen.io/tag/fabricjs
+[contributors]: https://github.com/fabricjs/fabric.js/graphs/contributors
+[demos]: http://fabricjs.com/demos/
+[gotchas]: http://fabricjs.com/fabric-gotchas
+[html-to-image]: https://github.com/bubkoo/html-to-image
+[jsdelivr]: https://www.jsdelivr.com/package/npm/fabric
+[jsdom]: https://github.com/jsdom/jsdom
+[jsfiddles]: https://jsfiddle.net/user/fabricjs/fiddles/
+[kagnax]: https://twitter.com/kangax
+[konva]: https://github.com/konvajs/konva
+[mdn_es6]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules
+[melchiar]: https://github.com/melchiar
+[node_canvas]: https://github.com/Automattic/node-canvas
+[node_canvas_install]: https://github.com/Automattic/node-canvas#compiling
+[node_canvas_issues]: https://github.com/Automattic/node-canvas/issues
+[patreon_badge]: https://img.shields.io/static/v1?label=Patreon&message=%F0%9F%91%8D&logo=Patreon&color=blueviolet
+[pixijs]: https://github.com/pixijs/pixijs
+[shaman123]: https://github.com/ShaMan123
+[so]: https://stackoverflow.com/questions/tagged/fabricjs
+[three.js]: https://github.com/mrdoob/three.js/
+[twitter]: https://twitter.com/fabricjs
+[website]: http://fabricjs.com/

package/bower.json

@@ -1,9 +1,7 @@
 {
   "name": "fabric.js",
   "homepage": "http://fabricjs.com",
-  "authors": [
-    "kangax", "Kienz", "asturur"
-  ],
+  "authors": ["kangax", "Kienz", "asturur"],
   "description": "Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.",
   "main": "./dist/fabric.min.js",
   "ignore": [

package/dist/fabric.d.ts

@@ -0,0 +1,42 @@
+export { getEnv, getDocument, getWindow } from './src/env';
+export { cache } from './src/cache';
+export { VERSION as version, iMatrix } from './src/constants';
+export { config } from './src/config';
+export { classRegistry } from './src/ClassRegistry';
+export { runningAnimations } from './src/util/animation/AnimationRegistry';
+export { Observable } from './src/Observable';
+export { StaticCanvas } from './src/canvas/StaticCanvas';
+export { Canvas } from './src/canvas/Canvas';
+export { Point } from './src/Point';
+export { Intersection } from './src/Intersection';
+export { Color } from './src/color/Color';
+export { Gradient } from './src/gradient/Gradient';
+export { Pattern } from './src/Pattern';
+export { Shadow } from './src/Shadow';
+export { BaseBrush } from './src/brushes/BaseBrush';
+export { PencilBrush } from './src/brushes/PencilBrush';
+export { CircleBrush } from './src/brushes/CircleBrush';
+export { SprayBrush } from './src/brushes/SprayBrush';
+export { PatternBrush } from './src/brushes/PatternBrush';
+export { FabricObject as Object } from './src/shapes/Object/FabricObject';
+export { Line } from './src/shapes/Line';
+export { Circle } from './src/shapes/Circle';
+export { Triangle } from './src/shapes/Triangle';
+export { Ellipse } from './src/shapes/Ellipse';
+export { Rect } from './src/shapes/Rect';
+export { Path } from './src/shapes/Path';
+export { Polyline } from './src/shapes/Polyline';
+export { Polygon } from './src/shapes/Polygon';
+export { Text } from './src/shapes/Text/Text';
+export { IText } from './src/shapes/IText/IText';
+export { Textbox } from './src/shapes/Textbox';
+export { Group } from './src/shapes/Group';
+export { ActiveSelection } from './src/shapes/ActiveSelection';
+export { Image } from './src/shapes/Image';
+export { createCollectionMixin } from './src/Collection';
+export * as util from './src/util';
+export * from './src/parser';
+export { Control } from './src/controls/Control';
+export * as controlsUtils from './src/controls';
+export * from './src/filters';
+//# sourceMappingURL=fabric.d.ts.map

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './fabric';
+//# sourceMappingURL=index.d.ts.map