# myDrag

**Repository Path**: waveBBGgit/myDrag

## Basic Information

- **Project Name**: myDrag
- **Description**: 使用jquery 通过拖拽实现绘画矩形，圆形，横竖线，文本框等内容，可用作绘制电子报表
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 34
- **Created**: 2020-03-24
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# myDrag

#### 介绍
- 使用jquery 通过拖拽实现绘画矩形，圆形，横竖线，文本框等内容，可用作绘制电子报表。
- 可设置标尺，设置元素背景色，设置字体颜色，上传图片等
- 选中元素，可以按键盘上下左右进行移动
- 选中元素，按Shift+上下左右可调整宽高
- 选中元素，按delete可以删除元素
- 可获取所有生成的元素（输出至控制台，可根据需要自行修改）
- 支持选择多个元素通过上下左右键进行移动，支持多个元素进行复制（操作，Ctrl+鼠标左键进行多个元素选择，Ctrl+C进行复制，Ctrl+V进行粘贴）
- 右键菜单支持以下操作
    - 对齐刻度，即每次移动单位可以设置为1px或3px，方便对齐，默认为3px
    - 锁屏/解锁功能（只控制元素不能用鼠标拖动，键盘仍可操作）
    - 置顶/置底（设置选中的元素显示在其他元素上层/底层）
    - 选中两个或以上元素，设置左对齐，则以其中最左边元素为基准，其他元素向最左端对齐
    - 右对齐，顶对齐，底对齐原理同上
    - 设置文字居中方式
    


#### 项目界面
![项目主界面](https://images.gitee.com/uploads/images/2019/0418/144759_e4133aa9_1325113.png)
![根据右侧功能栏拖动元素到主界面进行调整](https://images.gitee.com/uploads/images/2019/0418/145156_68de072d_1325113.png)
![右键菜单](https://images.gitee.com/uploads/images/2019/0418/145330_5fd53bef_1325113.png)


 **如对您有帮助，请帮忙点下Star**