一个React组件,通过轻松的交互来裁剪图像/视频-React开发

上传者: 42151305 | 上传时间: 2022-04-18 14:38:27 | 文件大小: 1.01MB | 文件类型: ZIP
react-easy-crop一个React组件,以易于交互的方式裁剪图像Demo检验示例:基本示例具有裁剪图像输出的示例功能支持拖动和缩放(react-easy-crop A React组件,以易于交互的方式裁剪图像Demo查看示例:基本示例输出裁剪图像的示例功能支持拖动和缩放(使用滚轮)交互提供裁剪尺寸(以像素和百分比表示)支持任何图像格式(JPEG,PNG甚至GIF)作为url或基本64字符串移动友好的安装纱线添加react-easy-crop或npm install react-easy-crop --save基本用法import从'react-easy'中的Cropper

文件下载

资源详情

[{"title":"( 60 个子文件 1.01MB ) 一个React组件,通过轻松的交互来裁剪图像/视频-React开发","children":[{"title":"react-easy-crop-main","children":[{"title":".babelrc <span style='color:#111;'> 198B </span>","children":null,"spread":false},{"title":"docs","children":[{"title":"package.json <span style='color:#111;'> 1.39KB </span>","children":null,"spread":false},{"title":".prettierrc <span style='color:#111;'> 89B </span>","children":null,"spread":false},{"title":"gatsby-config.js <span style='color:#111;'> 578B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"pages","children":[{"title":"index.tsx <span style='color:#111;'> 1.02KB </span>","children":null,"spread":false}],"spread":true},{"title":"components","children":[{"title":"Header","children":[{"title":"index.tsx <span style='color:#111;'> 1.63KB </span>","children":null,"spread":false}],"spread":true},{"title":"Demo","children":[{"title":"cropImage.ts <span style='color:#111;'> 2.31KB </span>","children":null,"spread":false},{"title":"ImgDialog","children":[{"title":"index.tsx <span style='color:#111;'> 1.82KB </span>","children":null,"spread":false}],"spread":true},{"title":"index.tsx <span style='color:#111;'> 5.08KB </span>","children":null,"spread":false},{"title":"dog.jpeg <span style='color:#111;'> 259.97KB </span>","children":null,"spread":false}],"spread":true},{"title":"CodeSandboxes","children":[{"title":"index.tsx <span style='color:#111;'> 1.99KB </span>","children":null,"spread":false}],"spread":true},{"title":"Seo","children":[{"title":"index.tsx <span style='color:#111;'> 1.80KB </span>","children":null,"spread":false}],"spread":true},{"title":"Layout","children":[{"title":"index.tsx <span style='color:#111;'> 1.00KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 142B </span>","children":null,"spread":false},{"title":"typings","children":[{"title":"images","children":[{"title":"index.d.ts <span style='color:#111;'> 24B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".npmrc <span style='color:#111;'> 36B </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 640.99KB </span>","children":null,"spread":false}],"spread":true},{"title":"package.json <span style='color:#111;'> 3.37KB </span>","children":null,"spread":false},{"title":"cypress","children":[{"title":"plugins","children":[{"title":"index.js <span style='color:#111;'> 299B </span>","children":null,"spread":false}],"spread":true},{"title":"support","children":[{"title":"index.js <span style='color:#111;'> 670B </span>","children":null,"spread":false},{"title":"commands.js <span style='color:#111;'> 1.48KB </span>","children":null,"spread":false}],"spread":true},{"title":"integration","children":[{"title":"touch_spec.js <span style='color:#111;'> 2.82KB </span>","children":null,"spread":false},{"title":"basic_spec.js <span style='color:#111;'> 1.89KB </span>","children":null,"spread":false},{"title":"mouse_spec.js <span style='color:#111;'> 3.25KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".eslintrc.json <span style='color:#111;'> 426B </span>","children":null,"spread":false},{"title":".github","children":[{"title":"FUNDING.yml <span style='color:#111;'> 67B </span>","children":null,"spread":false},{"title":"PULL_REQUEST_TEMPLATE.md <span style='color:#111;'> 253B </span>","children":null,"spread":false},{"title":"ISSUE_TEMPLATE.md <span style='color:#111;'> 771B </span>","children":null,"spread":false},{"title":"ISSUE_TEMPLATE","children":[{"title":"bug_report.md <span style='color:#111;'> 533B </span>","children":null,"spread":false},{"title":"feature_request.md <span style='color:#111;'> 764B </span>","children":null,"spread":false}],"spread":true},{"title":"CONTRIBUTING.md <span style='color:#111;'> 1.48KB </span>","children":null,"spread":false}],"spread":true},{"title":".prettierrc <span style='color:#111;'> 89B </span>","children":null,"spread":false},{"title":".codesandbox","children":[{"title":"ci.json <span style='color:#111;'> 93B </span>","children":null,"spread":false}],"spread":true},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"helpers.ts <span style='color:#111;'> 7.62KB </span>","children":null,"spread":false},{"title":"helpers.test.ts <span style='color:#111;'> 13.43KB </span>","children":null,"spread":false},{"title":"styles.css <span style='color:#111;'> 1.44KB </span>","children":null,"spread":false},{"title":"types.ts <span style='color:#111;'> 295B </span>","children":null,"spread":false},{"title":"index.tsx <span style='color:#111;'> 17.18KB </span>","children":null,"spread":false},{"title":"declarations.d.ts <span style='color:#111;'> 266B </span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 254B </span>","children":null,"spread":false},{"title":"bili.config.ts <span style='color:#111;'> 653B </span>","children":null,"spread":false},{"title":"examples","children":[{"title":"src","children":[{"title":"images","children":[{"title":"cat.jpeg <span style='color:#111;'> 23.90KB </span>","children":null,"spread":false},{"title":"dog.jpeg <span style='color:#111;'> 259.97KB </span>","children":null,"spread":false}],"spread":false},{"title":"index.html <span style='color:#111;'> 314B </span>","children":null,"spread":false},{"title":"styles.css <span style='color:#111;'> 251B </span>","children":null,"spread":false},{"title":"index.tsx <span style='color:#111;'> 5.31KB </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":".all-contributorsrc <span style='color:#111;'> 5.69KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 122B </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 1.01KB </span>","children":null,"spread":false},{"title":"CHANGELOG.md <span style='color:#111;'> 79B </span>","children":null,"spread":false},{"title":".circleci","children":[{"title":"config.yml <span style='color:#111;'> 931B </span>","children":null,"spread":false}],"spread":false},{"title":"CODE_OF_CONDUCT.md <span style='color:#111;'> 3.14KB </span>","children":null,"spread":false},{"title":"cypress.json <span style='color:#111;'> 66B </span>","children":null,"spread":false},{"title":".npmrc <span style='color:#111;'> 36B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 28.06KB </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 506.40KB </span>","children":null,"spread":false},{"title":".eslintignore <span style='color:#111;'> 22B </span>","children":null,"spread":false},{"title":"scripts","children":[{"title":"copy-build-files.js <span style='color:#111;'> 1.45KB </span>","children":null,"spread":false}],"spread":false},{"title":".vscode","children":[{"title":"settings.json <span style='color:#111;'> 56B </span>","children":null,"spread":false}],"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

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