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%",        }    ]});

也许你还喜欢