28 Star 133 Fork 34

mr_beany / myDrag

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 1.53 KB
一键复制 编辑 原始数据 按行查看 历史

myDrag

介绍

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

项目界面

项目主界面 根据右侧功能栏拖动元素到主界面进行调整 右键菜单

如对您有帮助,请帮忙点下Star

JavaScript
1
https://gitee.com/beany/myDrag.git
git@gitee.com:beany/myDrag.git
beany
myDrag
myDrag
master

搜索帮助