Annotator Pro - 自定义样式的图片标注 图片热点 图片注释插件

Annotator Pro - 自定义样式的图片标注 图片热点 图片注释插件2333
Annotator Pro - 自定义样式的图片标注 图片热点 图片注释插件2334
Annotator Pro - 自定义样式的图片标注 图片热点 图片注释插件2335
为您的照片添加简单的注释,提示工具和图像缩放。
附带了一个功能齐全的编辑器,您可以使用自定义插件。获得即时预览和调整设置,直到它是你想要的。
针形、矩形、斑点,可见和不可见的各种样式随意拖拽摆放。

使用方法

引用样式文件
<link rel="stylesheet" type="text/css" href="css/annotator-pro-editor.css">
<link rel="stylesheet" type="text/css" href="css/annotator-pro.min.css">
引用jquery库和js文件
<script src="js/lib/jquery.min.js"></script>
<script src="js/annotator-pro.min.js"></script>
调用
$("#the-img-tag").annotatorPro({
    annotations : [
        {
            style : 12,
            popup_width : "100",
            title : "",
            text : "测试",
            id : "my-annotation-4901",
            spot_left : "90.77%",
            spot_top : "68.51%",
        }
    ]
});

也许你还喜欢