@erase2d/fabric 1.1.0 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -1
- package/dist/_virtual/_rollupPluginBabelHelpers.js +542 -1
- package/dist/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/dist/core/dist/src/erase.js +36 -0
- package/dist/core/dist/src/erase.js.map +1 -0
- package/dist/fabric/index.js +4 -0
- package/dist/{index.js.map → fabric/index.js.map} +1 -1
- package/dist/fabric/src/ClippingGroup.js +46 -0
- package/dist/fabric/src/ClippingGroup.js.map +1 -0
- package/dist/fabric/src/EraserBrush.js +436 -0
- package/dist/fabric/src/EraserBrush.js.map +1 -0
- package/dist/fabric/src/ErasingEffect.js +117 -0
- package/dist/fabric/src/ErasingEffect.js.map +1 -0
- package/dist/fabric/src/isTransparent.js +52 -0
- package/dist/fabric/src/isTransparent.js.map +1 -0
- package/dist/src/ClippingGroup.d.ts +1 -2
- package/dist/src/ClippingGroup.d.ts.map +1 -1
- package/package.json +10 -9
- package/rollup.config.mjs +7 -3
- package/dist/index.js +0 -2
- package/dist/src/ClippingGroup.js +0 -2
- package/dist/src/ClippingGroup.js.map +0 -1
- package/dist/src/EraserBrush.js +0 -2
- package/dist/src/EraserBrush.js.map +0 -1
- package/dist/src/ErasingEffect.js +0 -2
- package/dist/src/ErasingEffect.js.map +0 -1
- package/dist/src/isTransparent.js +0 -2
- package/dist/src/isTransparent.js.map +0 -1
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { defineProperty as _defineProperty, inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, objectSpread2 as _objectSpread2, assertThisInitialized as _assertThisInitialized } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import { classRegistry, LayoutManager, FixedLayout, Path, Group } from 'fabric';
|
|
3
|
+
|
|
4
|
+
var ClippingGroup = /*#__PURE__*/function (_Group) {
|
|
5
|
+
_inherits(ClippingGroup, _Group);
|
|
6
|
+
function ClippingGroup(objects, options) {
|
|
7
|
+
var _this;
|
|
8
|
+
_classCallCheck(this, ClippingGroup);
|
|
9
|
+
_this = _callSuper(this, ClippingGroup, [objects, _objectSpread2({
|
|
10
|
+
originX: 'center',
|
|
11
|
+
originY: 'center',
|
|
12
|
+
left: 0,
|
|
13
|
+
top: 0,
|
|
14
|
+
layoutManager: new LayoutManager(new FixedLayout())
|
|
15
|
+
}, options)]);
|
|
16
|
+
_defineProperty(_assertThisInitialized(_this), "blockErasing", false);
|
|
17
|
+
return _this;
|
|
18
|
+
}
|
|
19
|
+
_createClass(ClippingGroup, [{
|
|
20
|
+
key: "drawObject",
|
|
21
|
+
value: function drawObject(ctx) {
|
|
22
|
+
var paths = [];
|
|
23
|
+
var objects = [];
|
|
24
|
+
this._objects.forEach(function (object) {
|
|
25
|
+
return (object instanceof Path ? paths : objects).push(object);
|
|
26
|
+
});
|
|
27
|
+
ctx.save();
|
|
28
|
+
ctx.fillStyle = 'black';
|
|
29
|
+
ctx.fillRect(-this.width / 2, -this.height / 2, this.width, this.height);
|
|
30
|
+
ctx.restore();
|
|
31
|
+
!this.blockErasing && paths.forEach(function (path) {
|
|
32
|
+
path.render(ctx);
|
|
33
|
+
});
|
|
34
|
+
objects.forEach(function (object) {
|
|
35
|
+
object.globalCompositeOperation = object.inverted ? 'destination-out' : 'source-in';
|
|
36
|
+
object.render(ctx);
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
}]);
|
|
40
|
+
return ClippingGroup;
|
|
41
|
+
}(Group);
|
|
42
|
+
_defineProperty(ClippingGroup, "type", 'clipping');
|
|
43
|
+
classRegistry.setClass(ClippingGroup);
|
|
44
|
+
|
|
45
|
+
export { ClippingGroup };
|
|
46
|
+
//# sourceMappingURL=ClippingGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClippingGroup.js","sources":["../../../src/ClippingGroup.ts"],"sourcesContent":["import {\n FabricObject,\n FixedLayout,\n Group,\n GroupProps,\n LayoutManager,\n Path,\n classRegistry,\n} from 'fabric';\n\nexport class ClippingGroup extends Group {\n static type = 'clipping';\n\n private blockErasing = false;\n\n constructor(objects: FabricObject[], options: Partial<GroupProps>) {\n super(objects, {\n originX: 'center',\n originY: 'center',\n left: 0,\n top: 0,\n layoutManager: new LayoutManager(new FixedLayout()),\n ...options,\n });\n }\n\n drawObject(ctx: CanvasRenderingContext2D) {\n const paths: Path[] = [];\n const objects: FabricObject[] = [];\n this._objects.forEach((object) =>\n (object instanceof Path ? paths : objects).push(object)\n );\n\n ctx.save();\n ctx.fillStyle = 'black';\n ctx.fillRect(-this.width / 2, -this.height / 2, this.width, this.height);\n ctx.restore();\n\n !this.blockErasing &&\n paths.forEach((path) => {\n path.render(ctx);\n });\n\n objects.forEach((object) => {\n object.globalCompositeOperation = object.inverted\n ? 'destination-out'\n : 'source-in';\n object.render(ctx);\n });\n }\n}\n\nclassRegistry.setClass(ClippingGroup);\n"],"names":["ClippingGroup","_Group","_inherits","objects","options","_this","_classCallCheck","_callSuper","_objectSpread","originX","originY","left","top","layoutManager","LayoutManager","FixedLayout","_defineProperty","_assertThisInitialized","_createClass","key","value","drawObject","ctx","paths","_objects","forEach","object","Path","push","save","fillStyle","fillRect","width","height","restore","blockErasing","path","render","globalCompositeOperation","inverted","Group","classRegistry","setClass"],"mappings":";;;AAUaA,IAAAA,aAAa,0BAAAC,MAAA,EAAA;EAAAC,SAAA,CAAAF,aAAA,EAAAC,MAAA,CAAA,CAAA;AAKxB,EAAA,SAAAD,aAAYG,CAAAA,OAAuB,EAAEC,OAA4B,EAAE;AAAA,IAAA,IAAAC,KAAA,CAAA;AAAAC,IAAAA,eAAA,OAAAN,aAAA,CAAA,CAAA;AACjEK,IAAAA,KAAA,GAAAE,UAAA,CAAA,IAAA,EAAAP,aAAA,EAAMG,CAAAA,OAAO,EAAAK,cAAA,CAAA;AACXC,MAAAA,OAAO,EAAE,QAAQ;AACjBC,MAAAA,OAAO,EAAE,QAAQ;AACjBC,MAAAA,IAAI,EAAE,CAAC;AACPC,MAAAA,GAAG,EAAE,CAAC;AACNC,MAAAA,aAAa,EAAE,IAAIC,aAAa,CAAC,IAAIC,WAAW,EAAE,CAAA;AAAC,KAAA,EAChDX,OAAO,CAAA,CAAA,CAAA,CAAA;AACTY,IAAAA,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,mBAVkB,KAAK,CAAA,CAAA;AAAA,IAAA,OAAAA,KAAA,CAAA;AAW5B,GAAA;AAACa,EAAAA,YAAA,CAAAlB,aAAA,EAAA,CAAA;IAAAmB,GAAA,EAAA,YAAA;AAAAC,IAAAA,KAAA,EAED,SAAAC,UAAWC,CAAAA,GAA6B,EAAE;MACxC,IAAMC,KAAa,GAAG,EAAE,CAAA;MACxB,IAAMpB,OAAuB,GAAG,EAAE,CAAA;AAClC,MAAA,IAAI,CAACqB,QAAQ,CAACC,OAAO,CAAC,UAACC,MAAM,EAAA;AAAA,QAAA,OAC3B,CAACA,MAAM,YAAYC,IAAI,GAAGJ,KAAK,GAAGpB,OAAO,EAAEyB,IAAI,CAACF,MAAM,CAAC,CAAA;AAAA,OACzD,CAAC,CAAA;MAEDJ,GAAG,CAACO,IAAI,EAAE,CAAA;MACVP,GAAG,CAACQ,SAAS,GAAG,OAAO,CAAA;MACvBR,GAAG,CAACS,QAAQ,CAAC,CAAC,IAAI,CAACC,KAAK,GAAG,CAAC,EAAE,CAAC,IAAI,CAACC,MAAM,GAAG,CAAC,EAAE,IAAI,CAACD,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC,CAAA;MACxEX,GAAG,CAACY,OAAO,EAAE,CAAA;MAEb,CAAC,IAAI,CAACC,YAAY,IAChBZ,KAAK,CAACE,OAAO,CAAC,UAACW,IAAI,EAAK;AACtBA,QAAAA,IAAI,CAACC,MAAM,CAACf,GAAG,CAAC,CAAA;AAClB,OAAC,CAAC,CAAA;AAEJnB,MAAAA,OAAO,CAACsB,OAAO,CAAC,UAACC,MAAM,EAAK;QAC1BA,MAAM,CAACY,wBAAwB,GAAGZ,MAAM,CAACa,QAAQ,GAC7C,iBAAiB,GACjB,WAAW,CAAA;AACfb,QAAAA,MAAM,CAACW,MAAM,CAACf,GAAG,CAAC,CAAA;AACpB,OAAC,CAAC,CAAA;AACJ,KAAA;AAAC,GAAA,CAAA,CAAA,CAAA;AAAA,EAAA,OAAAtB,aAAA,CAAA;AAAA,CAAA,CAvCgCwC,KAAK,EAAA;AAwCvCxB,eAAA,CAxCYhB,aAAa,EAAA,MAAA,EACV,UAAU,CAAA,CAAA;AAyC1ByC,aAAa,CAACC,QAAQ,CAAC1C,aAAa,CAAC;;;;"}
|
|
@@ -0,0 +1,436 @@
|
|
|
1
|
+
import { asyncToGenerator as _asyncToGenerator, inherits as _inherits, createClass as _createClass, regeneratorRuntime as _regeneratorRuntime, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, get as _get, getPrototypeOf as _getPrototypeOf, toConsumableArray as _toConsumableArray, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import { erase } from '../../core/dist/src/erase.js';
|
|
3
|
+
import * as fabric from 'fabric';
|
|
4
|
+
import { Group } from 'fabric';
|
|
5
|
+
import { ClippingGroup } from './ClippingGroup.js';
|
|
6
|
+
import { draw } from './ErasingEffect.js';
|
|
7
|
+
|
|
8
|
+
function walk(objects, path) {
|
|
9
|
+
return objects.flatMap(function (object) {
|
|
10
|
+
if (!object.erasable || !object.intersectsWithObject(path)) {
|
|
11
|
+
return [];
|
|
12
|
+
} else if (object instanceof Group && object.erasable === 'deep') {
|
|
13
|
+
return walk(object.getObjects(), path);
|
|
14
|
+
} else {
|
|
15
|
+
return [object];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
var assertClippingGroup = function assertClippingGroup(object) {
|
|
20
|
+
var curr = object.clipPath;
|
|
21
|
+
if (curr instanceof ClippingGroup) {
|
|
22
|
+
return curr;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
// In order to support objects with stroke width, stroke uniform, shadow etc.
|
|
26
|
+
// we use the actual drawn size
|
|
27
|
+
var _object$_limitCacheSi = object._limitCacheSize(object._getCacheCanvasDimensions()),
|
|
28
|
+
width = _object$_limitCacheSi.width,
|
|
29
|
+
height = _object$_limitCacheSi.height;
|
|
30
|
+
var next = new ClippingGroup([], {
|
|
31
|
+
width: width,
|
|
32
|
+
height: height
|
|
33
|
+
});
|
|
34
|
+
if (curr) {
|
|
35
|
+
var _curr$translateToOrig = curr.translateToOriginPoint(new fabric.Point(), curr.originX, curr.originY),
|
|
36
|
+
x = _curr$translateToOrig.x,
|
|
37
|
+
y = _curr$translateToOrig.y;
|
|
38
|
+
curr.originX = curr.originY = 'center';
|
|
39
|
+
fabric.util.sendObjectToPlane(curr, undefined, fabric.util.createTranslateMatrix(x, y));
|
|
40
|
+
next.add(curr);
|
|
41
|
+
}
|
|
42
|
+
return object.clipPath = next;
|
|
43
|
+
};
|
|
44
|
+
function commitErasing(object, sourceInObjectPlane) {
|
|
45
|
+
var clipPath = assertClippingGroup(object);
|
|
46
|
+
clipPath.add(sourceInObjectPlane);
|
|
47
|
+
clipPath.set('dirty', true);
|
|
48
|
+
object.set('dirty', true);
|
|
49
|
+
}
|
|
50
|
+
function eraseObject(_x, _x2) {
|
|
51
|
+
return _eraseObject.apply(this, arguments);
|
|
52
|
+
}
|
|
53
|
+
function _eraseObject() {
|
|
54
|
+
_eraseObject = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(object, source) {
|
|
55
|
+
var clone;
|
|
56
|
+
return _regeneratorRuntime().wrap(function _callee4$(_context4) {
|
|
57
|
+
while (1) switch (_context4.prev = _context4.next) {
|
|
58
|
+
case 0:
|
|
59
|
+
_context4.next = 2;
|
|
60
|
+
return source.clone();
|
|
61
|
+
case 2:
|
|
62
|
+
clone = _context4.sent;
|
|
63
|
+
fabric.util.sendObjectToPlane(clone, undefined, object.calcTransformMatrix());
|
|
64
|
+
commitErasing(object, clone);
|
|
65
|
+
return _context4.abrupt("return", clone);
|
|
66
|
+
case 6:
|
|
67
|
+
case "end":
|
|
68
|
+
return _context4.stop();
|
|
69
|
+
}
|
|
70
|
+
}, _callee4);
|
|
71
|
+
}));
|
|
72
|
+
return _eraseObject.apply(this, arguments);
|
|
73
|
+
}
|
|
74
|
+
function eraseCanvasDrawable(_x3, _x4, _x5) {
|
|
75
|
+
return _eraseCanvasDrawable.apply(this, arguments);
|
|
76
|
+
}
|
|
77
|
+
function _eraseCanvasDrawable() {
|
|
78
|
+
_eraseCanvasDrawable = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(object, vpt, source) {
|
|
79
|
+
var clone, d;
|
|
80
|
+
return _regeneratorRuntime().wrap(function _callee5$(_context5) {
|
|
81
|
+
while (1) switch (_context5.prev = _context5.next) {
|
|
82
|
+
case 0:
|
|
83
|
+
_context5.next = 2;
|
|
84
|
+
return source.clone();
|
|
85
|
+
case 2:
|
|
86
|
+
clone = _context5.sent;
|
|
87
|
+
d = vpt && object.translateToOriginPoint(new fabric.Point(), object.originX, object.originY);
|
|
88
|
+
fabric.util.sendObjectToPlane(clone, undefined, d ? fabric.util.multiplyTransformMatrixArray([[1, 0, 0, 1, d.x, d.y],
|
|
89
|
+
// apply vpt from center of drawable
|
|
90
|
+
vpt, [1, 0, 0, 1, -d.x, -d.y], object.calcTransformMatrix()]) : object.calcTransformMatrix());
|
|
91
|
+
commitErasing(object, clone);
|
|
92
|
+
return _context5.abrupt("return", clone);
|
|
93
|
+
case 7:
|
|
94
|
+
case "end":
|
|
95
|
+
return _context5.stop();
|
|
96
|
+
}
|
|
97
|
+
}, _callee5);
|
|
98
|
+
}));
|
|
99
|
+
return _eraseCanvasDrawable.apply(this, arguments);
|
|
100
|
+
}
|
|
101
|
+
var setCanvasDimensions = function setCanvasDimensions(el, ctx, _ref) {
|
|
102
|
+
var width = _ref.width,
|
|
103
|
+
height = _ref.height;
|
|
104
|
+
var retinaScaling = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
|
|
105
|
+
el.width = width;
|
|
106
|
+
el.height = height;
|
|
107
|
+
if (retinaScaling > 1) {
|
|
108
|
+
el.setAttribute('width', (width * retinaScaling).toString());
|
|
109
|
+
el.setAttribute('height', (height * retinaScaling).toString());
|
|
110
|
+
ctx.scale(retinaScaling, retinaScaling);
|
|
111
|
+
}
|
|
112
|
+
};
|
|
113
|
+
|
|
114
|
+
/**
|
|
115
|
+
* Supports **selective** erasing: only erasable objects are affected by the eraser brush.
|
|
116
|
+
*
|
|
117
|
+
* Supports **{@link inverted}** erasing: the brush can "undo" erasing.
|
|
118
|
+
*
|
|
119
|
+
* Supports **alpha** erasing: setting the alpha channel of the `color` property controls the eraser intensity.
|
|
120
|
+
*
|
|
121
|
+
* In order to support selective erasing, the brush clips the entire canvas and
|
|
122
|
+
* masks all non-erasable objects over the erased path, see {@link draw}.
|
|
123
|
+
*
|
|
124
|
+
* If **{@link inverted}** draws all objects, erasable objects without their eraser, over the erased path.
|
|
125
|
+
* This achieves the desired effect of seeming to erase or undo erasing on erasable objects only.
|
|
126
|
+
*
|
|
127
|
+
* After erasing is done the `end` event {@link ErasingEndEvent} is fired, after which erasing will be committed to the tree.
|
|
128
|
+
* @example
|
|
129
|
+
* canvas = new Canvas();
|
|
130
|
+
* const eraser = new EraserBrush(canvas);
|
|
131
|
+
* canvas.freeDrawingBrush = eraser;
|
|
132
|
+
* canvas.isDrawingMode = true;
|
|
133
|
+
* eraser.on('start', (e) => {
|
|
134
|
+
* console.log('started erasing');
|
|
135
|
+
* // prevent erasing
|
|
136
|
+
* e.preventDefault();
|
|
137
|
+
* });
|
|
138
|
+
* eraser.on('end', (e) => {
|
|
139
|
+
* const { targets: erasedTargets, path } = e.detail;
|
|
140
|
+
* e.preventDefault(); // prevent erasing being committed to the tree
|
|
141
|
+
* eraser.commit({ targets: erasedTargets, path }); // commit manually since default was prevented
|
|
142
|
+
* });
|
|
143
|
+
*
|
|
144
|
+
* In case of performance issues trace {@link drawEffect} calls and consider preventing it from executing
|
|
145
|
+
* @example
|
|
146
|
+
* const eraser = new EraserBrush(canvas);
|
|
147
|
+
* eraser.on('redraw', (e) => {
|
|
148
|
+
* // prevent effect redraw on pointer down (e.g. useful if canvas didn't change)
|
|
149
|
+
* e.detail.type === 'start' && e.preventDefault());
|
|
150
|
+
* // prevent effect redraw after canvas has rendered (effect will become stale)
|
|
151
|
+
* e.detail.type === 'render' && e.preventDefault());
|
|
152
|
+
* });
|
|
153
|
+
*/
|
|
154
|
+
var EraserBrush = /*#__PURE__*/function (_fabric$PencilBrush) {
|
|
155
|
+
_inherits(EraserBrush, _fabric$PencilBrush);
|
|
156
|
+
function EraserBrush(canvas) {
|
|
157
|
+
var _this;
|
|
158
|
+
_classCallCheck(this, EraserBrush);
|
|
159
|
+
_this = _callSuper(this, EraserBrush, [canvas]);
|
|
160
|
+
/**
|
|
161
|
+
* When set to `true` the brush will create a visual effect of undoing erasing
|
|
162
|
+
*/
|
|
163
|
+
_defineProperty(_assertThisInitialized(_this), "inverted", false);
|
|
164
|
+
_defineProperty(_assertThisInitialized(_this), "active", false);
|
|
165
|
+
var el = document.createElement('canvas');
|
|
166
|
+
var ctx = el.getContext('2d');
|
|
167
|
+
if (!ctx) {
|
|
168
|
+
throw new Error('Failed to get context');
|
|
169
|
+
}
|
|
170
|
+
setCanvasDimensions(el, ctx, canvas, _this.canvas.getRetinaScaling());
|
|
171
|
+
_this.effectContext = ctx;
|
|
172
|
+
_this.eventEmitter = new EventTarget();
|
|
173
|
+
return _this;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
/**
|
|
177
|
+
* @returns disposer make sure to call it to avoid memory leaks
|
|
178
|
+
*/
|
|
179
|
+
_createClass(EraserBrush, [{
|
|
180
|
+
key: "on",
|
|
181
|
+
value: function on(type, cb, options) {
|
|
182
|
+
var _this2 = this;
|
|
183
|
+
this.eventEmitter.addEventListener(type, cb, options);
|
|
184
|
+
return function () {
|
|
185
|
+
return _this2.eventEmitter.removeEventListener(type, cb, options);
|
|
186
|
+
};
|
|
187
|
+
}
|
|
188
|
+
}, {
|
|
189
|
+
key: "drawEffect",
|
|
190
|
+
value: function drawEffect() {
|
|
191
|
+
draw(this.effectContext, {
|
|
192
|
+
opacity: new fabric.Color(this.color).getAlpha(),
|
|
193
|
+
inverted: this.inverted
|
|
194
|
+
}, {
|
|
195
|
+
canvas: this.canvas
|
|
196
|
+
});
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
/**
|
|
200
|
+
* @override
|
|
201
|
+
*/
|
|
202
|
+
}, {
|
|
203
|
+
key: "_setBrushStyles",
|
|
204
|
+
value: function _setBrushStyles() {
|
|
205
|
+
var ctx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.canvas.contextTop;
|
|
206
|
+
_get(_getPrototypeOf(EraserBrush.prototype), "_setBrushStyles", this).call(this, ctx);
|
|
207
|
+
ctx.strokeStyle = 'black';
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
/**
|
|
211
|
+
* @override strictly speaking the eraser needs a full render only if it has opacity set.
|
|
212
|
+
* However since {@link PencilBrush} is designed for subclassing that is what we have to work with.
|
|
213
|
+
*/
|
|
214
|
+
}, {
|
|
215
|
+
key: "needsFullRender",
|
|
216
|
+
value: function needsFullRender() {
|
|
217
|
+
return true;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
/**
|
|
221
|
+
* @override erase
|
|
222
|
+
*/
|
|
223
|
+
}, {
|
|
224
|
+
key: "_render",
|
|
225
|
+
value: function _render() {
|
|
226
|
+
var ctx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.canvas.getTopContext();
|
|
227
|
+
_get(_getPrototypeOf(EraserBrush.prototype), "_render", this).call(this, ctx);
|
|
228
|
+
erase(this.canvas.getContext(), ctx, this.effectContext);
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
/**
|
|
232
|
+
* @override {@link drawEffect}
|
|
233
|
+
*/
|
|
234
|
+
}, {
|
|
235
|
+
key: "onMouseDown",
|
|
236
|
+
value: function onMouseDown(pointer, context) {
|
|
237
|
+
var _this3 = this;
|
|
238
|
+
if (!this.eventEmitter.dispatchEvent(new CustomEvent('start', {
|
|
239
|
+
detail: context,
|
|
240
|
+
cancelable: true
|
|
241
|
+
}))) {
|
|
242
|
+
return;
|
|
243
|
+
}
|
|
244
|
+
this.active = true;
|
|
245
|
+
this.eventEmitter.dispatchEvent(new CustomEvent('redraw', {
|
|
246
|
+
detail: {
|
|
247
|
+
type: 'start'
|
|
248
|
+
},
|
|
249
|
+
cancelable: true
|
|
250
|
+
})) && this.drawEffect();
|
|
251
|
+
|
|
252
|
+
// consider a different approach
|
|
253
|
+
this._disposer = this.canvas.on('after:render', function (_ref2) {
|
|
254
|
+
var ctx = _ref2.ctx;
|
|
255
|
+
if (ctx !== _this3.canvas.getContext()) {
|
|
256
|
+
return;
|
|
257
|
+
}
|
|
258
|
+
_this3.eventEmitter.dispatchEvent(new CustomEvent('redraw', {
|
|
259
|
+
detail: {
|
|
260
|
+
type: 'render'
|
|
261
|
+
},
|
|
262
|
+
cancelable: true
|
|
263
|
+
})) && _this3.drawEffect();
|
|
264
|
+
_this3._render();
|
|
265
|
+
});
|
|
266
|
+
_get(_getPrototypeOf(EraserBrush.prototype), "onMouseDown", this).call(this, pointer, context);
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
/**
|
|
270
|
+
* @override run if active
|
|
271
|
+
*/
|
|
272
|
+
}, {
|
|
273
|
+
key: "onMouseMove",
|
|
274
|
+
value: function onMouseMove(pointer, context) {
|
|
275
|
+
this.active && this.eventEmitter.dispatchEvent(new CustomEvent('move', {
|
|
276
|
+
detail: context,
|
|
277
|
+
cancelable: true
|
|
278
|
+
})) && _get(_getPrototypeOf(EraserBrush.prototype), "onMouseMove", this).call(this, pointer, context);
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
/**
|
|
282
|
+
* @override run if active, dispose of {@link drawEffect} listener
|
|
283
|
+
*/
|
|
284
|
+
}, {
|
|
285
|
+
key: "onMouseUp",
|
|
286
|
+
value: function onMouseUp(context) {
|
|
287
|
+
var _this$_disposer;
|
|
288
|
+
this.active && _get(_getPrototypeOf(EraserBrush.prototype), "onMouseUp", this).call(this, context);
|
|
289
|
+
this.active = false;
|
|
290
|
+
(_this$_disposer = this._disposer) === null || _this$_disposer === void 0 || _this$_disposer.call(this);
|
|
291
|
+
delete this._disposer;
|
|
292
|
+
return false;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
/**
|
|
296
|
+
* @override {@link fabric.PencilBrush} logic
|
|
297
|
+
*/
|
|
298
|
+
}, {
|
|
299
|
+
key: "convertPointsToSVGPath",
|
|
300
|
+
value: function convertPointsToSVGPath(points) {
|
|
301
|
+
return _get(_getPrototypeOf(EraserBrush.prototype), "convertPointsToSVGPath", this).call(this, this.decimate ? this.decimatePoints(points, this.decimate) : points);
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
/**
|
|
305
|
+
* @override
|
|
306
|
+
*/
|
|
307
|
+
}, {
|
|
308
|
+
key: "createPath",
|
|
309
|
+
value: function createPath(pathData) {
|
|
310
|
+
var path = _get(_getPrototypeOf(EraserBrush.prototype), "createPath", this).call(this, pathData);
|
|
311
|
+
path.set(this.inverted ? {
|
|
312
|
+
globalCompositeOperation: 'source-over',
|
|
313
|
+
stroke: 'white'
|
|
314
|
+
} : {
|
|
315
|
+
globalCompositeOperation: 'destination-out',
|
|
316
|
+
stroke: 'black',
|
|
317
|
+
opacity: new fabric.Color(this.color).getAlpha()
|
|
318
|
+
});
|
|
319
|
+
return path;
|
|
320
|
+
}
|
|
321
|
+
}, {
|
|
322
|
+
key: "commit",
|
|
323
|
+
value: function () {
|
|
324
|
+
var _commit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref3) {
|
|
325
|
+
var path, targets;
|
|
326
|
+
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
|
|
327
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
328
|
+
case 0:
|
|
329
|
+
path = _ref3.path, targets = _ref3.targets;
|
|
330
|
+
_context3.t0 = Map;
|
|
331
|
+
_context3.next = 4;
|
|
332
|
+
return Promise.all([].concat(_toConsumableArray(targets.map( /*#__PURE__*/function () {
|
|
333
|
+
var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(object) {
|
|
334
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
335
|
+
while (1) switch (_context.prev = _context.next) {
|
|
336
|
+
case 0:
|
|
337
|
+
_context.t0 = object;
|
|
338
|
+
_context.next = 3;
|
|
339
|
+
return eraseObject(object, path);
|
|
340
|
+
case 3:
|
|
341
|
+
_context.t1 = _context.sent;
|
|
342
|
+
return _context.abrupt("return", [_context.t0, _context.t1]);
|
|
343
|
+
case 5:
|
|
344
|
+
case "end":
|
|
345
|
+
return _context.stop();
|
|
346
|
+
}
|
|
347
|
+
}, _callee);
|
|
348
|
+
}));
|
|
349
|
+
return function (_x7) {
|
|
350
|
+
return _ref4.apply(this, arguments);
|
|
351
|
+
};
|
|
352
|
+
}())), _toConsumableArray([[this.canvas.backgroundImage, !this.canvas.backgroundVpt ? this.canvas.viewportTransform : undefined], [this.canvas.overlayImage, !this.canvas.overlayVpt ? this.canvas.viewportTransform : undefined]].filter(function (_ref5) {
|
|
353
|
+
var _ref6 = _slicedToArray(_ref5, 1),
|
|
354
|
+
object = _ref6[0];
|
|
355
|
+
return object;
|
|
356
|
+
}).map( /*#__PURE__*/function () {
|
|
357
|
+
var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref7) {
|
|
358
|
+
var _ref9, object, vptFlag;
|
|
359
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
360
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
361
|
+
case 0:
|
|
362
|
+
_ref9 = _slicedToArray(_ref7, 2), object = _ref9[0], vptFlag = _ref9[1];
|
|
363
|
+
_context2.t0 = object;
|
|
364
|
+
_context2.next = 4;
|
|
365
|
+
return eraseCanvasDrawable(object, vptFlag, path);
|
|
366
|
+
case 4:
|
|
367
|
+
_context2.t1 = _context2.sent;
|
|
368
|
+
return _context2.abrupt("return", [_context2.t0, _context2.t1]);
|
|
369
|
+
case 6:
|
|
370
|
+
case "end":
|
|
371
|
+
return _context2.stop();
|
|
372
|
+
}
|
|
373
|
+
}, _callee2);
|
|
374
|
+
}));
|
|
375
|
+
return function (_x8) {
|
|
376
|
+
return _ref8.apply(this, arguments);
|
|
377
|
+
};
|
|
378
|
+
}()))));
|
|
379
|
+
case 4:
|
|
380
|
+
_context3.t1 = _context3.sent;
|
|
381
|
+
new _context3.t0(_context3.t1);
|
|
382
|
+
case 6:
|
|
383
|
+
case "end":
|
|
384
|
+
return _context3.stop();
|
|
385
|
+
}
|
|
386
|
+
}, _callee3, this);
|
|
387
|
+
}));
|
|
388
|
+
function commit(_x6) {
|
|
389
|
+
return _commit.apply(this, arguments);
|
|
390
|
+
}
|
|
391
|
+
return commit;
|
|
392
|
+
}()
|
|
393
|
+
/**
|
|
394
|
+
* @override handle events
|
|
395
|
+
*/
|
|
396
|
+
}, {
|
|
397
|
+
key: "_finalizeAndAddPath",
|
|
398
|
+
value: function _finalizeAndAddPath() {
|
|
399
|
+
var points = this['_points'];
|
|
400
|
+
if (points.length < 2) {
|
|
401
|
+
this.eventEmitter.dispatchEvent(new CustomEvent('cancel', {
|
|
402
|
+
cancelable: false
|
|
403
|
+
}));
|
|
404
|
+
return;
|
|
405
|
+
}
|
|
406
|
+
var path = this.createPath(this.convertPointsToSVGPath(points));
|
|
407
|
+
var targets = walk(this.canvas.getObjects(), path);
|
|
408
|
+
this.eventEmitter.dispatchEvent(new CustomEvent('end', {
|
|
409
|
+
detail: {
|
|
410
|
+
path: path,
|
|
411
|
+
targets: targets
|
|
412
|
+
},
|
|
413
|
+
cancelable: true
|
|
414
|
+
})) && this.commit({
|
|
415
|
+
path: path,
|
|
416
|
+
targets: targets
|
|
417
|
+
});
|
|
418
|
+
this.canvas.clearContext(this.canvas.contextTop);
|
|
419
|
+
this.canvas.requestRenderAll();
|
|
420
|
+
this._resetShadow();
|
|
421
|
+
}
|
|
422
|
+
}, {
|
|
423
|
+
key: "dispose",
|
|
424
|
+
value: function dispose() {
|
|
425
|
+
var canvas = this.effectContext.canvas;
|
|
426
|
+
// prompt GC
|
|
427
|
+
canvas.width = canvas.height = 0;
|
|
428
|
+
// release ref?
|
|
429
|
+
// delete this.effectContext
|
|
430
|
+
}
|
|
431
|
+
}]);
|
|
432
|
+
return EraserBrush;
|
|
433
|
+
}(fabric.PencilBrush);
|
|
434
|
+
|
|
435
|
+
export { EraserBrush, commitErasing, eraseCanvasDrawable, eraseObject };
|
|
436
|
+
//# sourceMappingURL=EraserBrush.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EraserBrush.js","sources":["../../../src/EraserBrush.ts"],"sourcesContent":["import { erase } from '@erase2d/core';\nimport * as fabric from 'fabric';\nimport { FabricObject, Group, Path } from 'fabric';\nimport { ClippingGroup } from './ClippingGroup';\nimport { draw } from './ErasingEffect';\n\nexport type EventDetailMap = {\n start: fabric.TEvent<fabric.TPointerEvent>;\n move: fabric.TEvent<fabric.TPointerEvent>;\n end: {\n path: fabric.Path;\n targets: fabric.FabricObject[];\n };\n redraw: { type: 'start' | 'render' };\n cancel: never;\n};\n\nexport type ErasingEventType = keyof EventDetailMap;\n\nexport type ErasingEvent<T extends ErasingEventType> = CustomEvent<\n EventDetailMap[T]\n>;\n\nfunction walk(objects: FabricObject[], path: Path): FabricObject[] {\n return objects.flatMap((object) => {\n if (!object.erasable || !object.intersectsWithObject(path)) {\n return [];\n } else if (object instanceof Group && object.erasable === 'deep') {\n return walk(object.getObjects(), path);\n } else {\n return [object];\n }\n });\n}\n\nconst assertClippingGroup = (object: fabric.FabricObject) => {\n const curr = object.clipPath;\n\n if (curr instanceof ClippingGroup) {\n return curr;\n }\n\n // In order to support objects with stroke width, stroke uniform, shadow etc.\n // we use the actual drawn size\n const { width, height } = object._limitCacheSize(\n object._getCacheCanvasDimensions()\n );\n\n const next = new ClippingGroup([], {\n width,\n height,\n });\n\n if (curr) {\n const { x, y } = curr.translateToOriginPoint(\n new fabric.Point(),\n curr.originX,\n curr.originY\n );\n curr.originX = curr.originY = 'center';\n fabric.util.sendObjectToPlane(\n curr,\n undefined,\n fabric.util.createTranslateMatrix(x, y)\n );\n next.add(curr as FabricObject);\n }\n\n return (object.clipPath = next);\n};\n\nexport function commitErasing(\n object: fabric.FabricObject,\n sourceInObjectPlane: fabric.Path\n) {\n const clipPath = assertClippingGroup(object);\n clipPath.add(sourceInObjectPlane);\n clipPath.set('dirty', true);\n object.set('dirty', true);\n}\n\nexport async function eraseObject(\n object: fabric.FabricObject,\n source: fabric.Path\n) {\n const clone = await source.clone();\n fabric.util.sendObjectToPlane(clone, undefined, object.calcTransformMatrix());\n commitErasing(object, clone);\n return clone;\n}\n\nexport async function eraseCanvasDrawable(\n object: fabric.FabricObject,\n vpt: fabric.TMat2D | undefined,\n source: fabric.Path\n) {\n const clone = await source.clone();\n const d =\n vpt &&\n object.translateToOriginPoint(\n new fabric.Point(),\n object.originX,\n object.originY\n );\n fabric.util.sendObjectToPlane(\n clone,\n undefined,\n d\n ? fabric.util.multiplyTransformMatrixArray([\n [1, 0, 0, 1, d.x, d.y],\n // apply vpt from center of drawable\n vpt,\n [1, 0, 0, 1, -d.x, -d.y],\n object.calcTransformMatrix(),\n ])\n : object.calcTransformMatrix()\n );\n commitErasing(object, clone);\n return clone;\n}\n\nconst setCanvasDimensions = (\n el: HTMLCanvasElement,\n ctx: CanvasRenderingContext2D,\n { width, height }: fabric.TSize,\n retinaScaling = 1\n) => {\n el.width = width;\n el.height = height;\n if (retinaScaling > 1) {\n el.setAttribute('width', (width * retinaScaling).toString());\n el.setAttribute('height', (height * retinaScaling).toString());\n ctx.scale(retinaScaling, retinaScaling);\n }\n};\n\n/**\n * Supports **selective** erasing: only erasable objects are affected by the eraser brush.\n *\n * Supports **{@link inverted}** erasing: the brush can \"undo\" erasing.\n *\n * Supports **alpha** erasing: setting the alpha channel of the `color` property controls the eraser intensity.\n *\n * In order to support selective erasing, the brush clips the entire canvas and\n * masks all non-erasable objects over the erased path, see {@link draw}.\n *\n * If **{@link inverted}** draws all objects, erasable objects without their eraser, over the erased path.\n * This achieves the desired effect of seeming to erase or undo erasing on erasable objects only.\n *\n * After erasing is done the `end` event {@link ErasingEndEvent} is fired, after which erasing will be committed to the tree.\n * @example\n * canvas = new Canvas();\n * const eraser = new EraserBrush(canvas);\n * canvas.freeDrawingBrush = eraser;\n * canvas.isDrawingMode = true;\n * eraser.on('start', (e) => {\n * console.log('started erasing');\n * // prevent erasing\n * e.preventDefault();\n * });\n * eraser.on('end', (e) => {\n * const { targets: erasedTargets, path } = e.detail;\n * e.preventDefault(); // prevent erasing being committed to the tree\n * eraser.commit({ targets: erasedTargets, path }); // commit manually since default was prevented\n * });\n *\n * In case of performance issues trace {@link drawEffect} calls and consider preventing it from executing\n * @example\n * const eraser = new EraserBrush(canvas);\n * eraser.on('redraw', (e) => {\n * // prevent effect redraw on pointer down (e.g. useful if canvas didn't change)\n * e.detail.type === 'start' && e.preventDefault());\n * // prevent effect redraw after canvas has rendered (effect will become stale)\n * e.detail.type === 'render' && e.preventDefault());\n * });\n */\nexport class EraserBrush extends fabric.PencilBrush {\n /**\n * When set to `true` the brush will create a visual effect of undoing erasing\n */\n inverted = false;\n\n effectContext: CanvasRenderingContext2D;\n\n private eventEmitter: EventTarget;\n private active = false;\n private _disposer?: VoidFunction;\n\n constructor(canvas: fabric.Canvas) {\n super(canvas);\n const el = document.createElement('canvas');\n const ctx = el.getContext('2d');\n if (!ctx) {\n throw new Error('Failed to get context');\n }\n setCanvasDimensions(el, ctx, canvas, this.canvas.getRetinaScaling());\n this.effectContext = ctx;\n this.eventEmitter = new EventTarget();\n }\n\n /**\n * @returns disposer make sure to call it to avoid memory leaks\n */\n on<T extends ErasingEventType>(\n type: T,\n cb: (evt: ErasingEvent<T>) => any,\n options?: boolean | AddEventListenerOptions\n ) {\n this.eventEmitter.addEventListener(type, cb as EventListener, options);\n return () =>\n this.eventEmitter.removeEventListener(type, cb as EventListener, options);\n }\n\n drawEffect() {\n draw(\n this.effectContext,\n {\n opacity: new fabric.Color(this.color).getAlpha(),\n inverted: this.inverted,\n },\n { canvas: this.canvas }\n );\n }\n\n /**\n * @override\n */\n _setBrushStyles(ctx: CanvasRenderingContext2D = this.canvas.contextTop) {\n super._setBrushStyles(ctx);\n ctx.strokeStyle = 'black';\n }\n\n /**\n * @override strictly speaking the eraser needs a full render only if it has opacity set.\n * However since {@link PencilBrush} is designed for subclassing that is what we have to work with.\n */\n needsFullRender(): boolean {\n return true;\n }\n\n /**\n * @override erase\n */\n _render(ctx: CanvasRenderingContext2D = this.canvas.getTopContext()): void {\n super._render(ctx);\n erase(this.canvas.getContext(), ctx, this.effectContext);\n }\n\n /**\n * @override {@link drawEffect}\n */\n onMouseDown(\n pointer: fabric.Point,\n context: fabric.TEvent<fabric.TPointerEvent>\n ): void {\n if (\n !this.eventEmitter.dispatchEvent(\n new CustomEvent('start', { detail: context, cancelable: true })\n )\n ) {\n return;\n }\n\n this.active = true;\n\n this.eventEmitter.dispatchEvent(\n new CustomEvent('redraw', {\n detail: { type: 'start' },\n cancelable: true,\n })\n ) && this.drawEffect();\n\n // consider a different approach\n this._disposer = this.canvas.on('after:render', ({ ctx }) => {\n if (ctx !== this.canvas.getContext()) {\n return;\n }\n this.eventEmitter.dispatchEvent(\n new CustomEvent('redraw', {\n detail: { type: 'render' },\n cancelable: true,\n })\n ) && this.drawEffect();\n this._render();\n });\n\n super.onMouseDown(pointer, context);\n }\n\n /**\n * @override run if active\n */\n onMouseMove(\n pointer: fabric.Point,\n context: fabric.TEvent<fabric.TPointerEvent>\n ): void {\n this.active &&\n this.eventEmitter.dispatchEvent(\n new CustomEvent('move', { detail: context, cancelable: true })\n ) &&\n super.onMouseMove(pointer, context);\n }\n\n /**\n * @override run if active, dispose of {@link drawEffect} listener\n */\n onMouseUp(context: fabric.TEvent<fabric.TPointerEvent>): boolean {\n this.active && super.onMouseUp(context);\n this.active = false;\n this._disposer?.();\n delete this._disposer;\n return false;\n }\n\n /**\n * @override {@link fabric.PencilBrush} logic\n */\n convertPointsToSVGPath(points: fabric.Point[]): fabric.util.TSimplePathData {\n return super.convertPointsToSVGPath(\n this.decimate ? this.decimatePoints(points, this.decimate) : points\n );\n }\n\n /**\n * @override\n */\n createPath(pathData: fabric.util.TSimplePathData) {\n const path = super.createPath(pathData);\n path.set(\n this.inverted\n ? {\n globalCompositeOperation: 'source-over',\n stroke: 'white',\n }\n : {\n globalCompositeOperation: 'destination-out',\n stroke: 'black',\n opacity: new fabric.Color(this.color).getAlpha(),\n }\n );\n return path;\n }\n\n async commit({ path, targets }: EventDetailMap['end']) {\n new Map(\n await Promise.all([\n ...targets.map(async (object) => {\n return [object, await eraseObject(object, path)] as const;\n }),\n ...(\n [\n [\n this.canvas.backgroundImage,\n !this.canvas.backgroundVpt\n ? this.canvas.viewportTransform\n : undefined,\n ],\n [\n this.canvas.overlayImage,\n !this.canvas.overlayVpt\n ? this.canvas.viewportTransform\n : undefined,\n ],\n ] as const\n )\n .filter(([object]) => object)\n .map(async ([object, vptFlag]) => {\n return [\n object,\n await eraseCanvasDrawable(object as FabricObject, vptFlag, path),\n ] as const;\n }),\n ])\n );\n }\n\n /**\n * @override handle events\n */\n _finalizeAndAddPath(): void {\n const points = this['_points'];\n\n if (points.length < 2) {\n this.eventEmitter.dispatchEvent(\n new CustomEvent('cancel', {\n cancelable: false,\n })\n );\n return;\n }\n\n const path = this.createPath(this.convertPointsToSVGPath(points));\n const targets = walk(this.canvas.getObjects(), path);\n\n this.eventEmitter.dispatchEvent(\n new CustomEvent('end', {\n detail: {\n path,\n targets,\n },\n cancelable: true,\n })\n ) && this.commit({ path, targets });\n\n this.canvas.clearContext(this.canvas.contextTop);\n this.canvas.requestRenderAll();\n\n this._resetShadow();\n }\n\n dispose() {\n const { canvas } = this.effectContext;\n // prompt GC\n canvas.width = canvas.height = 0;\n // release ref?\n // delete this.effectContext\n }\n}\n"],"names":["walk","objects","path","flatMap","object","erasable","intersectsWithObject","Group","getObjects","assertClippingGroup","curr","clipPath","ClippingGroup","_object$_limitCacheSi","_limitCacheSize","_getCacheCanvasDimensions","width","height","next","_curr$translateToOrig","translateToOriginPoint","fabric","Point","originX","originY","x","y","util","sendObjectToPlane","undefined","createTranslateMatrix","add","commitErasing","sourceInObjectPlane","set","eraseObject","_x","_x2","_eraseObject","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee4","source","clone","wrap","_callee4$","_context4","prev","sent","calcTransformMatrix","abrupt","stop","eraseCanvasDrawable","_x3","_x4","_x5","_eraseCanvasDrawable","_callee5","vpt","d","_callee5$","_context5","multiplyTransformMatrixArray","setCanvasDimensions","el","ctx","_ref","retinaScaling","length","setAttribute","toString","scale","EraserBrush","_fabric$PencilBrush","_inherits","canvas","_this","_classCallCheck","_callSuper","_defineProperty","_assertThisInitialized","document","createElement","getContext","Error","getRetinaScaling","effectContext","eventEmitter","EventTarget","_createClass","key","value","on","type","cb","options","_this2","addEventListener","removeEventListener","drawEffect","draw","opacity","Color","color","getAlpha","inverted","_setBrushStyles","contextTop","_get","_getPrototypeOf","prototype","call","strokeStyle","needsFullRender","_render","getTopContext","erase","onMouseDown","pointer","context","_this3","dispatchEvent","CustomEvent","detail","cancelable","active","_disposer","_ref2","onMouseMove","onMouseUp","_this$_disposer","convertPointsToSVGPath","points","decimate","decimatePoints","createPath","pathData","globalCompositeOperation","stroke","_commit","_callee3","_ref3","targets","_callee3$","_context3","t0","Map","Promise","all","concat","_toConsumableArray","map","_ref4","_callee","_callee$","_context","t1","_x7","backgroundImage","backgroundVpt","viewportTransform","overlayImage","overlayVpt","filter","_ref5","_ref6","_slicedToArray","_ref8","_callee2","_ref7","_ref9","vptFlag","_callee2$","_context2","_x8","commit","_x6","_finalizeAndAddPath","clearContext","requestRenderAll","_resetShadow","dispose","PencilBrush"],"mappings":"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"}
|