taggd-manager

taggd-manager copied to clipboard

taggd-manager

English

中文文档

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

The original idea of it comes from timseverien/taggd, The original author did not maintain this project. So a new project extension has been created, adding zoom, move and more event callbacks.

Installation

• Download the latest release
• npm: npm install taggd-manager

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