介绍

taggd-manager 是一个图片标记管理工具,支持缩放、移动和灵活的自定义。

它的原始创意来自 timseverien/taggd,原作者不维护了此项目。故新建了一个项目扩展,增加了缩放、移动的功能和更多的事件回调。

下载

使用

您需要引入 cssjs 文件,两个文件都在 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)
ON THIS PAGE