jQuery实现平面图区域标记

所属分类:UI,输入-布局,拖和放

 48802  531  查看评论 (33)
分享到微信朋友圈
X
jQuery实现平面图区域标记 ie兼容9

根据项目需要写的这个小插件,暂时比较简易,只实现基本功能。

1、添加区块:设置区块描述,拖拽移动位置和控制尺寸;

2、编辑区块:邮件点击区块弹出菜单,可编辑和删除区块,并可输入尺寸改变区块大小,设置区块颜色;

3、锁定区块:画布过大时可锁定区块,锁定后拖动只会移动画布(背景平面图);

4、获取区块数据:获取区块相关数据,包括位置、描述、大小、颜色,并拼装JSON数据格式;

5、加载区块:根据JSON数据加载区块到画布;

使用到的工具类:jquery,layer,context。

相关插件-布局,拖和放

可拖放的多列网格布局-gridster.js

gridster.js 是一个 jQuery 插件用来构建直观的可拖放的布局,支持多列布局,你还可以动态的添加和删除表格中的元素。
  布局
 49928  487

简洁响应式后台管理模板

基于Bootstrap的HTML后台管理模板
  布局
 54922  497

html5响应式模板

黑色通用的软件科技公司html5响应式模板
  布局
 45102  646

bootstrap门户网站模版

bootstrap门户网站模版
  布局
 62955  653

讨论这个项目(33)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ?殄殛?? 0
    2024/4/7 15:33:09
    谁有分享我一份 回复
    系统管理员_王尼玛 0
    2023/9/26 10:45:43
    优化一下 初始化不要加载右键的操作面板,不然色块多的情况下页面会变得特别卡,给成点击右键的时候再加载操作面板就好了。
        ?殄殛??0
        2024/4/8 13:15:24
        是哦
    回复
    周明润 0
    2020/11/25 15:30:52
    哪位大哥能分享我一份啊,感谢
    回复
    S 0
    2019/11/28 9:17:40
    请问怎么 让最外层不移动 回复
    风雨沧桑 0
    2019/4/22 20:54:30
    下载下来压缩包损坏???
        风雨沧桑0
        2019/4/22 21:08:52
        解决了
    回复
    abc 0
    2019/3/1 9:40:53
    吉他青年 0
    2018/12/13 21:49:36
    SiriBen 0
    2018/6/1 16:52:21
    如果能拖拽出不规则的区域且能旋转,那便完美了
        ?殄殛??0
        2024/4/8 13:15:51
        我也想知道能不能有这个
    回复
    Hey 0
    2018/5/28 11:52:56
    Mr・未名 0
    2017/8/9 11:22:48

    不能整不规则区域的??

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复