/taggd-manager

🚩 Image tags tool. 图片打点工具,支持移动、缩放、自定义事件。

Primary LanguageTypeScriptMIT LicenseMIT

shields shields shields

Example

taggd-manager

English

中文文档

taggd-manager Is an image tag management tool that supports zooming, moving, and flexible customization.

Installation

Usage

You need to bring in the css and js files, both of which are in the dist directory.

The style sheet has only the required dependency style, if you want to add a theme, re-override it.

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

If you use a module import.

import Taggd from 'taggd-manager';
import 'taggd-manager/dist/taggd.css';

Finally, you can initialize taggd.

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

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

Issue

If you have a better suggestion, please create an issue

License

The code is released under the MIT license