canvas-drawing-editor 1.0.0 → 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 +14 -14
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -22,7 +22,7 @@ A powerful canvas-based image editor Web Component that works with **Vue**, **Re
|
|
|
22
22
|
### 📦 Installation
|
|
23
23
|
|
|
24
24
|
```bash
|
|
25
|
-
npm install canvas-
|
|
25
|
+
npm install canvas-drawing-editor
|
|
26
26
|
```
|
|
27
27
|
|
|
28
28
|
### 🚀 Usage
|
|
@@ -33,14 +33,14 @@ npm install canvas-image-editor
|
|
|
33
33
|
<!DOCTYPE html>
|
|
34
34
|
<html>
|
|
35
35
|
<head>
|
|
36
|
-
<link rel="stylesheet" href="node_modules/canvas-
|
|
36
|
+
<link rel="stylesheet" href="node_modules/canvas-drawing-editor/dist/image-editor.css">
|
|
37
37
|
</head>
|
|
38
38
|
<body>
|
|
39
39
|
<image-editor title="My Canvas" show-minimap="true"></image-editor>
|
|
40
40
|
|
|
41
41
|
<script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
|
|
42
42
|
<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
|
|
43
|
-
<script src="node_modules/canvas-
|
|
43
|
+
<script src="node_modules/canvas-drawing-editor/dist/image-editor.umd.js"></script>
|
|
44
44
|
</body>
|
|
45
45
|
</html>
|
|
46
46
|
```
|
|
@@ -56,8 +56,8 @@ npm install canvas-image-editor
|
|
|
56
56
|
</template>
|
|
57
57
|
|
|
58
58
|
<script setup>
|
|
59
|
-
import 'canvas-
|
|
60
|
-
import 'canvas-
|
|
59
|
+
import 'canvas-drawing-editor';
|
|
60
|
+
import 'canvas-drawing-editor/style.css';
|
|
61
61
|
</script>
|
|
62
62
|
```
|
|
63
63
|
|
|
@@ -78,8 +78,8 @@ export default defineConfig({
|
|
|
78
78
|
|
|
79
79
|
```tsx
|
|
80
80
|
import { useEffect, useRef } from 'react';
|
|
81
|
-
import 'canvas-
|
|
82
|
-
import 'canvas-
|
|
81
|
+
import 'canvas-drawing-editor';
|
|
82
|
+
import 'canvas-drawing-editor/style.css';
|
|
83
83
|
|
|
84
84
|
function App() {
|
|
85
85
|
return <image-editor title="React Canvas" show-minimap={true} />;
|
|
@@ -150,7 +150,7 @@ npm run build:lib
|
|
|
150
150
|
### 📦 安装
|
|
151
151
|
|
|
152
152
|
```bash
|
|
153
|
-
npm install canvas-
|
|
153
|
+
npm install canvas-drawing-editor
|
|
154
154
|
```
|
|
155
155
|
|
|
156
156
|
### 🚀 使用方法
|
|
@@ -161,14 +161,14 @@ npm install canvas-image-editor
|
|
|
161
161
|
<!DOCTYPE html>
|
|
162
162
|
<html>
|
|
163
163
|
<head>
|
|
164
|
-
<link rel="stylesheet" href="node_modules/canvas-
|
|
164
|
+
<link rel="stylesheet" href="node_modules/canvas-drawing-editor/dist/image-editor.css">
|
|
165
165
|
</head>
|
|
166
166
|
<body>
|
|
167
167
|
<image-editor title="我的画板" show-minimap="true"></image-editor>
|
|
168
168
|
|
|
169
169
|
<script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
|
|
170
170
|
<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
|
|
171
|
-
<script src="node_modules/canvas-
|
|
171
|
+
<script src="node_modules/canvas-drawing-editor/dist/image-editor.umd.js"></script>
|
|
172
172
|
</body>
|
|
173
173
|
</html>
|
|
174
174
|
```
|
|
@@ -184,8 +184,8 @@ npm install canvas-image-editor
|
|
|
184
184
|
</template>
|
|
185
185
|
|
|
186
186
|
<script setup>
|
|
187
|
-
import 'canvas-
|
|
188
|
-
import 'canvas-
|
|
187
|
+
import 'canvas-drawing-editor';
|
|
188
|
+
import 'canvas-drawing-editor/style.css';
|
|
189
189
|
</script>
|
|
190
190
|
```
|
|
191
191
|
|
|
@@ -206,8 +206,8 @@ export default defineConfig({
|
|
|
206
206
|
|
|
207
207
|
```tsx
|
|
208
208
|
import { useEffect, useRef } from 'react';
|
|
209
|
-
import 'canvas-
|
|
210
|
-
import 'canvas-
|
|
209
|
+
import 'canvas-drawing-editor';
|
|
210
|
+
import 'canvas-drawing-editor/style.css';
|
|
211
211
|
|
|
212
212
|
function App() {
|
|
213
213
|
return <image-editor title="React 画板" show-minimap={true} />;
|
package/package.json
CHANGED