jQuery实现平面图区域标记

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

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

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

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

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

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

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

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

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

相关插件-布局,拖和放

响应式网格项目动画布局

具有网格项目动画效果的响应式杂志式网站布局,在打开内容时发生。
  布局
 38330  534

超简洁清爽的jQuery单页个人网站模板

Guru简约现代风格,响应式个人介绍类网站模板。这个模板适用于任何一个有创造力的人的个人网站。他的模板是非常干净和简单的设计
  布局
 25493  274

jQuery bootstrap响应式网站模板

jQuery bootstrap响应式网站模板,风格简洁适用范围广,它配备了谷歌地图,滑动轮播图,平滑的滚动动画。使用最新的Web 开发工具(如 HTML5、CSS3 和 jQuery)构建。
  布局
 19950  264

HTML5区块链技术网站模板

HTML5响应式区块链技术网站模板
  布局
 50329  540

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

    不能整不规则区域的??

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