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

来源:https://www.sucaihuo.com/js/3661.html 2018-05-03 21:51浏览(4437) 收藏

非常好用的jquery.imageLabel自定义添加编辑图片标注文字插件,鼠标框选图片区域即可添加标注内容,在标注区域内点击鼠标右键可编辑或者删除标注,可添加多个文字标注,还可以随意拖动标注框的位置。
jquery.imageLabel自定义添加编辑图片标注文字插件
分类:图片代码 > 图片插件 难易:初级
查看演示 下载资源 下载积分: 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并保留原文链接:https://www.sucaihuo.com/js/3661.html
评论0
头像

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

1 2