介绍
taggd-manager
是一个图片标记管理工具,支持缩放、移动和灵活的自定义。
它的原始创意来自 timseverien/taggd,原作者不维护了此项目。故新建了一个项目扩展,增加了缩放、移动的功能和更多的事件回调。
下载
使用
您需要引入 css
和 js
文件,两个文件都在 dist
目录中。
样式表只有所需依赖样式,如果要添加主题,请重新覆盖。
<link rel="stylesheet" href="/path/to/taggd-manager/dist/taggd.css" />
<script src="/path/to/taggd-manager/dist/taggd.umd.js"></script>
如果使用模块导入。
import Taggd from 'taggd-manager'
import 'taggd-manager/dist/taggd.css'
最后,您可以初始化 taggd
。
const image = document.getElementById('my-image')
const options = {}
const tags = []
const taggd = new Taggd(image, options, tags)