https://github.com/haiweilian/taggd-manager
🚩 Image tags tool. 图片打点工具，支持移动、缩放、自定义事件。
https://github.com/haiweilian/taggd-manager
marker tag
Last synced: 3 months ago
JSON representation
🚩 Image tags tool. 图片打点工具，支持移动、缩放、自定义事件。
- Host: GitHub
- URL: https://github.com/haiweilian/taggd-manager
- Owner: haiweilian
- License: mit
- Created: 2020-10-05T09:49:12.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-04-30T02:44:59.000Z (over 1 year ago)
- Last Synced: 2024-04-30T03:38:11.248Z (over 1 year ago)
- Topics: marker, tag
- Language: TypeScript
- Homepage: https://haiweilian.github.io/taggd-manager/guide/introduction.html
- Size: 3.44 MB
- Stars: 34
- Watchers: 1
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
## taggd-manager
[English](https://haiweilian.github.io/taggd-manager/en/introduction.html)
[中文文档](https://haiweilian.github.io/taggd-manager/zh/introduction.html)
`taggd-manager` Is an image tag management tool that supports zooming, moving, and flexible customization.
## Installation
* [Download the latest release](https://github.com/haiweilian/taggd-manager/archive/master.zip)
* 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.
```html
```
```html
```
If you use a module import.
```js
import Taggd from 'taggd-manager';
import 'taggd-manager/dist/taggd.css';
```
Finally, you can initialize `taggd`.
```js
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](https://github.com/haiweilian/taggd-manager/issues)
## License
The code is released under [the MIT license](https://github.com/haiweilian/taggd-manager/blob/master/LICENSE)