JS图片标注打点管理工具，支持缩放、移动和灵活的自定义

taggd-manager

taggd-manager 是一个图片标注管理工具，支持缩放、移动和灵活的自定义。

Installation

Download the latest release
npm: npm install taggd-manager

Documentation

Demo
Options
Events
Methods Taggd
Methods Tag

Usage

您需要引入 css 文件和 js 文件，两个文件都在 dist 目录中。

样式表只有所需依赖样式，如果要添加主题，请重新覆盖。

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

<script src="/path/to/taggd-manager/dist/taggd.js"></script>

如果使用模块导入。

import Taggd from 'taggd';

最后，您可以初始化 taggd。

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

Issue

如果您有更好的建议，请 create an issue

License

The code is released under the MIT license

JS图片标注打点管理工具，支持缩放、移动和灵活的自定义相关推荐

node.js中npm包管理工具
现在安装node.js,默认就会帮我们装上了npm包管理工具,npm主要用来下载,安装,管理第三方模块. 创建一个包描述文件: npm init [-y] 查看包的信息 npm info <pa ...
base64图裁剪 php_php图片上传类（支持缩放、裁剪、图片缩略功能）
namespace dollarphp; /** * @desc:图片上传类 * @author [Lee] ]> * 1.自动验证文件是表单提交的文件还是base64流提交的文件 * 2.验证 ...
软件团队文档管理工具哪个好？
如今的产研团队无一不需要处理大量的数据和文档,以支持产品的设计.开发和测试.这些文档包括需求分析.功能规格.技术方案.测试用例.用户反馈等,涉及多个部门和角色的协作和沟通.国外知名调查机构曾调查发现, ...
服务器如何管理？分享九款服务器管理工具
一.远程桌面连接下载网址:http://yczm.iis7.com/?lxmd IIS7远程桌面管理主要用于企业远程管理和远程办公,是一款可以批量管理VPS和服务器桌面窗口的软件,它可以只需导入添加 ...
SimpleRemote -开源的远程连接管理工具
SimpleRemote官网软件介绍我们在使用 mstsc (微软远程桌面).Putty 等对服务器或远程主机进行连接控制的时候,经常需要进行重复操作,比如填写IP.端口.用户名.密码等等,非常不 ...
达梦数据库DM8-DM管理工具介绍和简单使用
达梦数据库DM8-DM管理工具介绍和简单使用系列文章目录本文环境 1.DM管理工具介绍 2.DM管理工具简单使用 1.打开DM管理工具 2.数据库连接 3.DM管理工具常用功能介绍系列文章目录 ...
【办公软件免费版】万彩办公大师教程丨图片批量加时间戳工具
关于图片批量加时间戳工具万彩办公大师的图片批量加时间戳工具可以在数码照片中添加拍照时间和日期,写上标签.自定义时间戳的日期格式.位置.大小.颜色和字体,并支持保存为jpg/png/tif/gif等多 ...
java微信群自动回复_微信群运营必备的社群管理工具，让你实现月入过万-工具...
社群运营中需要用到哪些工具呢?都说工欲善其事必先利其器,互联网时代无论做哪一项工作如果能借助工具效率就能有效提高.如果管理微信多个社群进行运营,每天维护广告就要花去很多花去很多时间哪还能进行其他工作的 ...
如何选择补丁管理工具
为了从繁重的打补丁工作中解脱出来,IT部门一直在寻求实现自动补丁管理的最佳方案.市场上的自动补丁管理方案通常分为两类:独立的补丁管理工具和集成在企业管理系统中的补丁管理工具.这两类方案各有优缺点,IT ...