Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

解决了容器通过css设置 transform:scale() 后 拖动过程中鼠标位置不正确的问题 #12

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

解决了容器通过css设置 transform:scale() 后 拖动过程中鼠标位置不正确的问题 #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
a237641
解决了容器通过css设置 transform:scale() 后 拖动过程中鼠标位置不正确的问题
Jan 19, 2021
3305fd8
更新文档
Jan 19, 2021
04756d6
更新中文文档
Jan 19, 2021
d080935
文档地址换位当前仓库地址
Jan 19, 2021
19ba36a
打包
Jan 19, 2021
82a4864
添加了拖动的触发键 可选 左键 或者 右键
Jan 19, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
.DS_Store
node_modules
/dist



# local env files
Expand Down
12 changes: 11 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
> [Vue3 组件] 用于拖拽调整位置和大小的的组件，同时支持冲突检测，元素吸附对齐，实时参考线。
> [ Vue3 Component ] Draggable and resizable component for vue3, and, support element adsorption alignment, real-time reference line, etc.

[点击查看中文文档](https://github.com/a7650/vue3-draggable-resizable/blob/main/docs/document_zh.md)
[点击查看中文文档](https://github.com/songyu719/vue3-draggable-resizable/blob/main/docs/document_zh.md)

## Table of Contents

Expand Down Expand Up @@ -86,6 +86,8 @@ Here is a complete example of using "vue-template"
v-model:active="active"
:draggable="true"
:resizable="true"
:parent-scale-x="0.5"
:parent-scale-y="0.5"
@activated="print('activated')"
@deactivated="print('deactivated')"
@drag-start="print('drag-start')"
Expand Down Expand Up @@ -428,6 +430,14 @@ following handle nodes will be rendered
...
```

### parent-scale-x parent-scale-y
used to tell Vue3DraggableResizable how parent scale to fix mouse positon issue
eg:
```html
...
<Vue3DraggableResizable :parent-scale-x="0.5" parent-scale-y="0.5" >
...
```
### Events

#### activated
Expand Down
Loading