jQuery实现平面图区域标记

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

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

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

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

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

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

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

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

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

相关插件-布局,拖和放

响应式网站

响应式网站模板,调整浏览器大小查看效果。
  布局
 53760  403

Bootstrap后台管理系统模版

Bootstrap后台管理系统模版
  布局
 146127  816

黑色系带动画的汽车官网首页模板

该页面运用了animate,fontawesome,fullPage,owl.carousel等开源插件制作而成
  布局
 38869  374

响应式完整网站案例+源码

完整的网站前端+源码,各种控件功能齐全,最适合入门者
  布局
 73306  786

讨论这个项目(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

    不能整不规则区域的??

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