fabric-photo:基于canvas的前端图片编辑器

上传者: 42112658 | 上传时间: 2022-06-08 13:50:10 | 文件大小: 720KB | 文件类型: ZIP
fabric photo 基于 canvas 的纯前端的图片编辑器,支持方形,圆形,箭头,缩放,拖拽,鹰眼,马赛克,涂鸦,线条,导出 png,剪切等 online Demo 访问 体验 启动 demo # 安装依赖 npm run i # 运行项目 npm run dev License

文件下载

资源详情

[{"title":"( 88 个子文件 720KB ) fabric-photo:基于canvas的前端图片编辑器","children":[{"title":"fabric-photo-master","children":[{"title":"jsdoc.conf.json <span style='color:#111;'> 0B </span>","children":null,"spread":false},{"title":"rollup.config.js <span style='color:#111;'> 1.10KB </span>","children":null,"spread":false},{"title":".github","children":[{"title":"workflows","children":[{"title":"github-pages.yml <span style='color:#111;'> 1.33KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"postcss.config.js <span style='color:#111;'> 391B </span>","children":null,"spread":false},{"title":"public","children":[{"title":"demo.jpeg <span style='color:#111;'> 253.68KB </span>","children":null,"spread":false}],"spread":true},{"title":".eslintrc.js <span style='color:#111;'> 1.89KB </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 1.73KB </span>","children":null,"spread":false},{"title":".prettierignore <span style='color:#111;'> 80B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"consts.js <span style='color:#111;'> 3.25KB </span>","children":null,"spread":false},{"title":"commands","children":[{"title":"load-image.js <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"base.js <span style='color:#111;'> 556B </span>","children":null,"spread":false},{"title":"clear.js <span style='color:#111;'> 1.33KB </span>","children":null,"spread":false},{"title":"zoom.js <span style='color:#111;'> 1.50KB </span>","children":null,"spread":false},{"title":"add-object.js <span style='color:#111;'> 1.26KB </span>","children":null,"spread":false},{"title":"remove.js <span style='color:#111;'> 1.51KB </span>","children":null,"spread":false},{"title":"rotation-image.js <span style='color:#111;'> 534B </span>","children":null,"spread":false}],"spread":true},{"title":"modules","children":[{"title":"line.js <span style='color:#111;'> 3.44KB </span>","children":null,"spread":false},{"title":"text.js <span style='color:#111;'> 14.15KB </span>","children":null,"spread":false},{"title":"main.js <span style='color:#111;'> 12.49KB </span>","children":null,"spread":false},{"title":"draw.js <span style='color:#111;'> 1.46KB </span>","children":null,"spread":false},{"title":"mosaic.1.js <span style='color:#111;'> 3.81KB </span>","children":null,"spread":false},{"title":"mosaic.2.js <span style='color:#111;'> 3.73KB </span>","children":null,"spread":false},{"title":"base.js <span style='color:#111;'> 2.75KB </span>","children":null,"spread":false},{"title":"rotation.js <span style='color:#111;'> 2.67KB </span>","children":null,"spread":false},{"title":"shape.js <span style='color:#111;'> 10.84KB </span>","children":null,"spread":false},{"title":"arrow.2.js <span style='color:#111;'> 7.21KB </span>","children":null,"spread":false},{"title":"cropper.js <span style='color:#111;'> 6.62KB </span>","children":null,"spread":false},{"title":"image-loader.js <span style='color:#111;'> 1.92KB </span>","children":null,"spread":false},{"title":"mosaic.js <span style='color:#111;'> 4.40KB </span>","children":null,"spread":false},{"title":"pan.js <span style='color:#111;'> 3.62KB </span>","children":null,"spread":false},{"title":"arrow.js <span style='color:#111;'> 7.31KB </span>","children":null,"spread":false}],"spread":false},{"title":"lib","children":[{"title":"custom-event.js <span style='color:#111;'> 11.69KB </span>","children":null,"spread":false},{"title":"shape-resize-helper.js <span style='color:#111;'> 6.75KB </span>","children":null,"spread":false},{"title":"event.js <span style='color:#111;'> 148B </span>","children":null,"spread":false},{"title":"canvas-to-blob.js <span style='color:#111;'> 3.02KB </span>","children":null,"spread":false},{"title":"util.js <span style='color:#111;'> 8.70KB </span>","children":null,"spread":false}],"spread":true},{"title":"shape","children":[{"title":"cropzone.js <span style='color:#111;'> 11.03KB </span>","children":null,"spread":false},{"title":"mosaic.js <span style='color:#111;'> 2.14KB </span>","children":null,"spread":false},{"title":"arrow.js <span style='color:#111;'> 3.26KB </span>","children":null,"spread":false}],"spread":true},{"title":"command.js <span style='color:#111;'> 749B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 40.22KB </span>","children":null,"spread":false},{"title":"module.js <span style='color:#111;'> 5.58KB </span>","children":null,"spread":false}],"spread":true},{"title":"babel.config.js <span style='color:#111;'> 1.50KB </span>","children":null,"spread":false},{"title":"website","children":[{"title":"public","children":[{"title":"images","children":[{"title":"demo.jpeg <span style='color:#111;'> 253.68KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".umirc.ts <span style='color:#111;'> 627B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"index.ts <span style='color:#111;'> 0B </span>","children":null,"spread":false},{"title":"scss","children":[{"title":"index.scss <span style='color:#111;'> 169B </span>","children":null,"spread":false},{"title":"main.scss <span style='color:#111;'> 6.25KB </span>","children":null,"spread":false},{"title":"theme","children":[{"title":"_default.scss <span style='color:#111;'> 2.58KB </span>","children":null,"spread":false}],"spread":false},{"title":"iconfont.scss <span style='color:#111;'> 7.28KB </span>","children":null,"spread":false},{"title":"normalize.scss <span style='color:#111;'> 7.45KB </span>","children":null,"spread":false},{"title":"variable.scss <span style='color:#111;'> 4.56KB </span>","children":null,"spread":false},{"title":"mixin","children":[{"title":"iconfont.scss <span style='color:#111;'> 310B </span>","children":null,"spread":false},{"title":"clearfix.scss <span style='color:#111;'> 239B </span>","children":null,"spread":false},{"title":"common.scss <span style='color:#111;'> 83B </span>","children":null,"spread":false}],"spread":false}],"spread":false}],"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 510B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 242B </span>","children":null,"spread":false},{"title":".npmrc <span style='color:#111;'> 78B </span>","children":null,"spread":false},{"title":"docs","children":[{"title":"index.md <span style='color:#111;'> 18.15KB </span>","children":null,"spread":false}],"spread":false},{"title":".fatherrc.ts <span style='color:#111;'> 54B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 299B </span>","children":null,"spread":false},{"title":"typings.d.ts <span style='color:#111;'> 49B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 882B </span>","children":null,"spread":false}],"spread":false},{"title":"html","children":[{"title":"index.html <span style='color:#111;'> 604B </span>","children":null,"spread":false},{"title":"404.html <span style='color:#111;'> 170B </span>","children":null,"spread":false}],"spread":true},{"title":"demo","children":[{"title":"main.js <span style='color:#111;'> 18.75KB </span>","children":null,"spread":false},{"title":"scss","children":[{"title":"index.scss <span style='color:#111;'> 168B </span>","children":null,"spread":false},{"title":"main.scss <span style='color:#111;'> 6.25KB </span>","children":null,"spread":false},{"title":"theme","children":[{"title":"_default.scss <span style='color:#111;'> 2.58KB </span>","children":null,"spread":false}],"spread":false},{"title":"iconfont.scss <span style='color:#111;'> 7.28KB </span>","children":null,"spread":false},{"title":"normalize.scss <span style='color:#111;'> 7.45KB </span>","children":null,"spread":false},{"title":"variable.scss <span style='color:#111;'> 4.56KB </span>","children":null,"spread":false},{"title":"mixin","children":[{"title":"iconfont.scss <span style='color:#111;'> 310B </span>","children":null,"spread":false},{"title":"clearfix.scss <span style='color:#111;'> 239B </span>","children":null,"spread":false},{"title":"common.scss <span style='color:#111;'> 83B </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"index.js <span style='color:#111;'> 301B </span>","children":null,"spread":false}],"spread":true},{"title":"LICENSE <span style='color:#111;'> 1.07KB </span>","children":null,"spread":false},{"title":".prettierrc <span style='color:#111;'> 133B </span>","children":null,"spread":false},{"title":".npmrc <span style='color:#111;'> 78B </span>","children":null,"spread":false},{"title":".editorconfig <span style='color:#111;'> 606B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 28B </span>","children":null,"spread":false},{"title":"_config.yml <span style='color:#111;'> 29B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 125B </span>","children":null,"spread":false},{"title":"readme.md <span style='color:#111;'> 699B </span>","children":null,"spread":false},{"title":".eslintignore <span style='color:#111;'> 70B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 713.71KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 4.78KB </span>","children":null,"spread":false},{"title":".nvmrc <span style='color:#111;'> 3B </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

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