react-image-crop:React的响应式图像裁剪工具

时间:2024-02-24 09:33:17
【文件属性】:

文件名称:react-image-crop:React的响应式图像裁剪工具

文件大小:6.83MB

文件格式:ZIP

更新时间:2024-02-24 09:33:17

react javascript responsive crop-image JavaScriptJavaScript

React图像裁剪 一个没有依赖关系的React图像裁剪工具。 | 目录 产品特点 自适应(您可以使用像素或百分比)。 触摸已启用。 *形式或固定纵横比的作物。 键盘支持微动选择。 无依赖性/占用空间小(5KB gzip)。 最小/最大作物大小。 如果React Image Crop无法满足您的要求,那么我建议您看看Doka.js。 它具有裁剪,旋转,过滤,注释等功能。 安装 npm i react-image-crop --save 用法 包括主要的js模块: import ReactCrop from 'react-image-crop' ; 包括dist/ReactCrop.css或ReactCrop.scss 。 import 'react-image-crop/dist/ReactCrop.css' ; // or scss: import 'react-image-crop/lib/ReactCrop.scss' ; 例 function CropDemo ( { src } ) { const [ crop , setCrop ] = useSt


【文件预览】:
react-image-crop-master
----.gitignore(211B)
----.babelrc(214B)
----crop-demo.gif(2.53MB)
----package.json(2KB)
----.prettierrc.yaml(87B)
----LICENSE.md(749B)
----webpack.config.js(932B)
----doka-demo.gif(4.26MB)
----.eslintrc.js(566B)
----README.md(12KB)
----lib()
--------ReactCrop.js(25KB)
--------ReactCrop.scss(8KB)
----.npmignore(28B)
----test()
--------webpack.config.js(433B)
--------test.css(53B)
--------test.js(4KB)
--------index.html(325B)
----yarn.lock(256KB)

网友评论