@wbiokr/arrow 0.0.2 → 0.0.5
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 +13 -3
- package/dist/bundle.cjs.js +109 -1381
- package/dist/bundle.cjs.js.map +1 -1
- package/dist/bundle.esm.js +404 -1340
- package/dist/bundle.esm.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -31,9 +31,9 @@ npm install @wbiokr/arrow
|
|
|
31
31
|
### JavaScript
|
|
32
32
|
|
|
33
33
|
```javascript
|
|
34
|
-
import {
|
|
34
|
+
import { ArrowEditor } from '@wbiokr/arrow'
|
|
35
35
|
|
|
36
|
-
const editor = new
|
|
36
|
+
const editor = new ArrowEditor('#container')
|
|
37
37
|
```
|
|
38
38
|
|
|
39
39
|
## 使用方法
|
|
@@ -54,6 +54,16 @@ const editor = new ArrowEditor2('#container')
|
|
|
54
54
|
1. 点击箭头选中
|
|
55
55
|
2. 拖拽移动箭头
|
|
56
56
|
|
|
57
|
+
### 旋转箭头
|
|
58
|
+
|
|
59
|
+
1. 点击箭头选中
|
|
60
|
+
2. 拖拽顶部的橙色旋转手柄
|
|
61
|
+
|
|
62
|
+
### 缩放箭头
|
|
63
|
+
|
|
64
|
+
1. 点击箭头选中
|
|
65
|
+
2. 拖拽右下角的蓝色缩放手柄
|
|
66
|
+
|
|
57
67
|
### 取消选中
|
|
58
68
|
|
|
59
69
|
点击空白处或按 `Esc` 键
|
|
@@ -63,7 +73,7 @@ const editor = new ArrowEditor2('#container')
|
|
|
63
73
|
### 实例化
|
|
64
74
|
|
|
65
75
|
```javascript
|
|
66
|
-
const editor = new
|
|
76
|
+
const editor = new ArrowEditor(container)
|
|
67
77
|
```
|
|
68
78
|
|
|
69
79
|
- `container`: CSS 选择器字符串或 DOM 元素
|