easyannotation:在线注释图片并以不同格式保存-源码

上传者: 42108778 | 上传时间: 2021-05-17 15:03:28 | 文件大小: 310KB | 文件类型: ZIP
轻松注释-一个JavaScript库,可在线注释图片 特征 为图片添加不同的形状 高亮显示图像的某些部分 图像部分模糊 保存为PNG,JSON或XML 加载先前保存的工作 使用简单 零依赖 自适应和自动定位 支持触摸设备 入门 安装 通过npm安装: npm i easyannotation 包含代码: < script type = "text/javascript" src = "https://cdn.jsdelivr.net/npm/easyannotation" > < / script > 例子 new easyannotation . AnnotatorContainer ( document . querySelector ( '#inputImage' ) ) . show ( function ( res ) { //process resul

文件下载

资源详情

[{"title":"( 90 个子文件 310KB ) easyannotation:在线注释图片并以不同格式保存-源码","children":[{"title":"easyannotation-master","children":[{"title":"package.json <span style='color:#111;'> 1.29KB </span>","children":null,"spread":false},{"title":"tslint.json <span style='color:#111;'> 237B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 2.02KB </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 19.49KB </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 394.92KB </span>","children":null,"spread":false},{"title":"webpack.dev.js <span style='color:#111;'> 1.13KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"style","children":[{"title":"style.css <span style='color:#111;'> 23.08KB </span>","children":null,"spread":false}],"spread":true},{"title":"model","children":[{"title":"Point.ts <span style='color:#111;'> 145B </span>","children":null,"spread":false},{"title":"LineStyle.ts <span style='color:#111;'> 330B </span>","children":null,"spread":false},{"title":"Font.ts <span style='color:#111;'> 146B </span>","children":null,"spread":false},{"title":"Styles.ts <span style='color:#111;'> 702B </span>","children":null,"spread":false}],"spread":true},{"title":"properties","children":[{"title":"DrawToolbarItem.ts <span style='color:#111;'> 1.21KB </span>","children":null,"spread":false},{"title":"FillToolbarItem.ts <span style='color:#111;'> 1.02KB </span>","children":null,"spread":false},{"title":"PropertiesToolbar.ts <span style='color:#111;'> 1.65KB </span>","children":null,"spread":false},{"title":"FontToolbarItem.ts <span style='color:#111;'> 1.18KB </span>","children":null,"spread":false},{"title":"BlurPropsToolbarItem.ts <span style='color:#111;'> 1.43KB </span>","children":null,"spread":false},{"title":"AbstractPropToolbarItem.ts <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false},{"title":"DrawColorToolbarItem.ts <span style='color:#111;'> 657B </span>","children":null,"spread":false}],"spread":true},{"title":"Config.ts <span style='color:#111;'> 909B </span>","children":null,"spread":false},{"title":"icons","children":[{"title":"font-solid.svg <span style='color:#111;'> 432B </span>","children":null,"spread":false},{"title":"callout.svg <span style='color:#111;'> 873B </span>","children":null,"spread":false},{"title":"free-draw.svg <span style='color:#111;'> 1.14KB </span>","children":null,"spread":false},{"title":"italic.svg <span style='color:#111;'> 312B </span>","children":null,"spread":false},{"title":"bold.svg <span style='color:#111;'> 423B </span>","children":null,"spread":false},{"title":"image-regular.svg <span style='color:#111;'> 515B </span>","children":null,"spread":false},{"title":"rect.svg <span style='color:#111;'> 132B </span>","children":null,"spread":false},{"title":"blur.svg <span style='color:#111;'> 1.20KB </span>","children":null,"spread":false},{"title":"save-solid.svg <span style='color:#111;'> 545B </span>","children":null,"spread":false},{"title":"eraser-solid.svg <span style='color:#111;'> 493B </span>","children":null,"spread":false},{"title":"letter-t.svg <span style='color:#111;'> 1.20KB </span>","children":null,"spread":false},{"title":"color.svg <span style='color:#111;'> 604B </span>","children":null,"spread":false},{"title":"pencil.svg <span style='color:#111;'> 1.25KB </span>","children":null,"spread":false},{"title":"times-solid.svg <span style='color:#111;'> 519B </span>","children":null,"spread":false},{"title":"close.svg <span style='color:#111;'> 471B </span>","children":null,"spread":false},{"title":"accept.svg <span style='color:#111;'> 389B </span>","children":null,"spread":false},{"title":"arrow.svg <span style='color:#111;'> 287B </span>","children":null,"spread":false},{"title":"line.svg <span style='color:#111;'> 144B </span>","children":null,"spread":false},{"title":"pencil-alt-solid.svg <span style='color:#111;'> 569B </span>","children":null,"spread":false},{"title":"more.svg <span style='color:#111;'> 482B </span>","children":null,"spread":false},{"title":"cog-solid.svg <span style='color:#111;'> 933B </span>","children":null,"spread":false},{"title":"circle.svg <span style='color:#111;'> 135B </span>","children":null,"spread":false}],"spread":false},{"title":"ui","children":[{"title":"BlurDialog.ts <span style='color:#111;'> 6.28KB </span>","children":null,"spread":false},{"title":"DrawDialog.ts <span style='color:#111;'> 13.03KB </span>","children":null,"spread":false},{"title":"MobileDropDown.ts <span style='color:#111;'> 163B </span>","children":null,"spread":false},{"title":"FontSelector.ts <span style='color:#111;'> 6.08KB </span>","children":null,"spread":false},{"title":"BaseDialog.ts <span style='color:#111;'> 3.49KB </span>","children":null,"spread":false},{"title":"ColorPicker.ts <span style='color:#111;'> 18.55KB </span>","children":null,"spread":false},{"title":"DropDown.ts <span style='color:#111;'> 19.45KB </span>","children":null,"spread":false},{"title":"FillDialog.ts <span style='color:#111;'> 13.05KB </span>","children":null,"spread":false}],"spread":true},{"title":"Global.d.ts <span style='color:#111;'> 374B </span>","children":null,"spread":false},{"title":"main.js <span style='color:#111;'> 0B </span>","children":null,"spread":false},{"title":"toolbar","children":[{"title":"FreeDrawToolbarItem.ts <span style='color:#111;'> 1.99KB </span>","children":null,"spread":false},{"title":"AbstractToolbarPushItem.ts <span style='color:#111;'> 607B </span>","children":null,"spread":false},{"title":"ArrowToolbarItem.ts <span style='color:#111;'> 705B </span>","children":null,"spread":false},{"title":"ImageToolbarItem.ts <span style='color:#111;'> 750B </span>","children":null,"spread":false},{"title":"CalloutToolbarItem.ts <span style='color:#111;'> 719B </span>","children":null,"spread":false},{"title":"EllipseToolbarItem.ts <span style='color:#111;'> 722B </span>","children":null,"spread":false},{"title":"AbstractToolbarItem.ts <span style='color:#111;'> 735B </span>","children":null,"spread":false},{"title":"RectToolbarItem.ts <span style='color:#111;'> 698B </span>","children":null,"spread":false},{"title":"ToolbarItem.ts <span style='color:#111;'> 197B </span>","children":null,"spread":false},{"title":"TextToolbarItem.ts <span style='color:#111;'> 696B </span>","children":null,"spread":false},{"title":"BlurToolbarItem.ts <span style='color:#111;'> 733B </span>","children":null,"spread":false},{"title":"LineToolbarItem.ts <span style='color:#111;'> 698B </span>","children":null,"spread":false},{"title":"Toolbar.ts <span style='color:#111;'> 6.75KB </span>","children":null,"spread":false}],"spread":false},{"title":"utils","children":[{"title":"AnnotationUtils.ts <span style='color:#111;'> 10.05KB </span>","children":null,"spread":false},{"title":"XMLUtils.ts <span style='color:#111;'> 188B </span>","children":null,"spread":false},{"title":"Utils.ts <span style='color:#111;'> 12.04KB </span>","children":null,"spread":false},{"title":"ClassManager.ts <span style='color:#111;'> 950B </span>","children":null,"spread":false},{"title":"Constants.ts <span style='color:#111;'> 443B </span>","children":null,"spread":false},{"title":"InternalConfig.ts <span style='color:#111;'> 147B </span>","children":null,"spread":false},{"title":"Blur.ts <span style='color:#111;'> 11.02KB </span>","children":null,"spread":false}],"spread":false},{"title":"AnnotatorContainer.ts <span style='color:#111;'> 39.82KB </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 2.23KB </span>","children":null,"spread":false},{"title":"annotators","children":[{"title":"CalloutAnnotator.ts <span style='color:#111;'> 14.50KB </span>","children":null,"spread":false},{"title":"ImageAnnotator.ts <span style='color:#111;'> 8.04KB </span>","children":null,"spread":false},{"title":"BaseStopableAnnotator.ts <span style='color:#111;'> 210B </span>","children":null,"spread":false},{"title":"BaseAnnotator.ts <span style='color:#111;'> 16.88KB </span>","children":null,"spread":false},{"title":"ArrowAnnotator.ts <span style='color:#111;'> 1.62KB </span>","children":null,"spread":false},{"title":"BlurAnnotator.ts <span style='color:#111;'> 5.07KB </span>","children":null,"spread":false},{"title":"FreeDrawAnnotator.ts <span style='color:#111;'> 12.57KB </span>","children":null,"spread":false},{"title":"EllipseAnnotator.ts <span style='color:#111;'> 12.43KB </span>","children":null,"spread":false},{"title":"RectAnnotator.ts <span style='color:#111;'> 11.75KB </span>","children":null,"spread":false},{"title":"TextAnnotator.ts <span style='color:#111;'> 9.99KB </span>","children":null,"spread":false},{"title":"LineAnnotator.ts <span style='color:#111;'> 16.51KB </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":".npmignore <span style='color:#111;'> 102B </span>","children":null,"spread":false},{"title":"dev","children":[{"title":"Hallstat.jpg <span style='color:#111;'> 122.03KB </span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 422B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 60B </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 830B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 6.52KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明