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.
- Download the latest release
- npm:
npm install taggd-manager
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);If you have a better suggestion, please create an issue
The code is released under the MIT license