@anth0nycodes/fabric-history 0.3.1 → 1.0.1
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 +9 -6
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,14 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
A library built on top of fabric.js that provides undo/redo history management for canvas operations.
|
|
4
4
|
|
|
5
|
+
<p>
|
|
6
|
+
<img alt="GitHub Stars" src="https://img.shields.io/github/stars/anth0nycodes/fabric-history?style=plastic">
|
|
7
|
+
<img alt="NPM Downloads" src="https://img.shields.io/npm/d18m/%40anth0nycodes%2Flicense-generator?style=plastic">
|
|
8
|
+
</p>
|
|
9
|
+
|
|
5
10
|
## Features
|
|
6
11
|
|
|
7
12
|
- Undo/Redo functionality for fabric.js canvases
|
|
8
|
-
- Automatic history tracking for object additions, removals, and modifications
|
|
13
|
+
- Automatic history tracking for path creation, erasing events, object additions, removals, and modifications
|
|
9
14
|
- Multi-selection batching: operations on multiple selected objects are recorded as a single history entry
|
|
10
|
-
- Support for path creation and erasing events
|
|
11
15
|
- Custom events for history state changes
|
|
12
|
-
-
|
|
16
|
+
- Fully type-safe
|
|
13
17
|
- Support for fabric.js v6 and v7
|
|
14
18
|
|
|
15
19
|
## Installation
|
|
@@ -104,12 +108,11 @@ Extends fabric.js `Canvas` class with history management capabilities.
|
|
|
104
108
|
|
|
105
109
|
History is automatically saved when these fabric.js events occur:
|
|
106
110
|
|
|
111
|
+
- `path:created` - When a path is created (e.g., freehand drawing)
|
|
112
|
+
- `erasing:end` - When an erasing operation completes
|
|
107
113
|
- `object:added` - When an object is added to the canvas
|
|
108
114
|
- `object:removed` - When an object is removed from the canvas
|
|
109
115
|
- `object:modified` - When an object is modified (moved, scaled, rotated, etc.)
|
|
110
|
-
- `path:created` - When a path is created (e.g., freehand drawing)
|
|
111
|
-
- `erasing:end` - When an erasing operation completes
|
|
112
|
-
- `canvas:cleared` - When the canvas is cleared
|
|
113
116
|
|
|
114
117
|
#### Custom Events
|
|
115
118
|
|