头像

jquery.imageLabel自定义添加编辑图片标注文字插件【原创

来源:http://www.sucaihuo.com/js/3661 素材火管理员 2018-05-03 21:51浏览(786) 收藏

非常好用的jquery.imageLabel自定义添加编辑图片标注文字插件,鼠标框选图片区域即可添加标注内容,在标注区域内点击鼠标右键可编辑或者删除标注,可添加多个文字标注,还可以随意拖动标注框的位置。
jquery.imageLabel自定义添加编辑图片标注文字插件
分类:图片代码 > 图片插件 难易:初级

程序员,你不是一个人;网站开发QQ群:35291327,在线充值,或联系QQ1556472052直接充值

查看演示 下载资源: 5 下载资源 下载积分: 20 积分

js代码

<script src="scripts/jquery.js"></script>
<script src="scripts/jquery.imageLabel.min.js"></script>
<script>
    $(function() {
        $(".right-select-box");
        $(".addpic").removeAttr("disabled"), $("#imgform").submit(function(t) {
            t.preventDefault();
            window.c = imageLabel({
                img: $("[name=src]").val(),
                editPop: !0,
                close: function(t) {
                    return t.length && alert(JSON.stringify(t)), !0
                },
                clickArea: function() {},
                edit: function(t) {},
                startArea: function() {},
                confirm: function(t) {
                    return t.length && alert(JSON.stringify(t)), !0
                }
            })
        })
    })
</script>
标签: 标注
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.sucaihuo.com/js/3661.html
最新交易
评论6
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1556472052

  • 头像 5楼
    05-04 17:12
    33***21
    强悍,可以用用。.!!!
  • 头像 4楼
    05-04 10:42
    舒***畅
    一些需要图片备注或介绍的场景比较有用。
  • 头像 3楼
    05-04 09:13
    心***扬
    应用面比较窄,不过效果还是不错的
  • 头像 板凳
    05-04 09:10
    99***26
    在web项目中不太实用吧,边框一直存在体验不好
  • 头像 椅子
    05-04 09:02
    yz***an
    这个对于装修设计,以及留言墙都有很好的借鉴意义
  • 头像 沙发
    05-04 08:53
    ji***uw
    这个比较好用 以后在图上直接标柱就可以了
1 2