/taggd-manager

:round_pushpin: 图片标注管理工具,支持缩放、移动、灵活的自定义。

Primary LanguageJavaScriptMIT LicenseMIT

taggd-manager

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

它的原始创意来自 timseverien/taggd,原作者不维护了此项目,而且功能比较简单。故新建了一个项目扩展,删除了内部默认的模板并增加了缩放、移动的功能和更多的事件回调。

Projects

Installation

Documentation

Usage

您需要引入 css 文件和 js 文件,两个文件都在 dist 目录中。

样式表只有所需依赖样式,如果要添加主题,请重新覆盖。

<link rel="stylesheet" href="/path/to/taggd-manager/dist/taggd.css">
<script src="/path/to/taggd-manager/dist/taggd.js"></script>

如果使用模块导入。

import Taggd from 'taggd';

最后,您可以初始化 taggd

const image = document.getElementById('my-image');
const options = {};
const tags = [];

const taggd = new Taggd(image, options, tags);

Issue

如果您有更好的建议,请 create an issue

License

The code is released under the MIT license