taggd-manager

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

Installation

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