【文件属性】：
文件名称：react-easy-panzoom:包装器为任何React组件启用平移和缩放功能
文件大小：5.56MB
文件格式：ZIP
更新时间：2021-04-29 11:37:09
react reactjs pan zoom panzoom
React轻松全景
React组件可为任何组件启用平移和缩放功能。 尝试现场演示
安装
react-panzoom需要使用React 16或更高版本。
使用npm ：
npm install --save react-easy-panzoom
使用yarn ：
yarn add react-easy-panzoom
用法
import { PanZoom } from 'react-easy-panzoom'
// ...
render ( ) {
return (
< PanZoom>
{ 'This content can be panned and zoomed' }
< / PanZoom >
)
}
按键对应
PanZoom组件本身支持带有箭头键和- / +键的键盘交互。 可以使用keyMapping扩展此映射。
例如，映射w ，
【文件预览】：
react-easy-panzoom-master
----react-easy-panzoom-codepen.gif(3.7MB)
----.gitignore(92B)
----.flowconfig(58B)
----package.json(2KB)
----setupTests.js(144B)
----src()
--------PanZoom.test.js(4KB)
--------maths.js(4KB)
--------maths.test.js(4KB)
--------index.js(77B)
--------PanZoom.js(24KB)
--------events.js(273B)
----webpack.config.js(3KB)
----.travis.yml(856B)
----jest.config.js(6KB)
----LICENSE(1KB)
----README.md(7KB)
----.storybook()
--------addons.js(125B)
--------manager-head.html(2KB)
--------public()
--------config.js(662B)
--------preview-head.html(214B)
----babel.config.js(245B)
----stories()
--------ControllerUI()
--------john-westrock-638048-unsplash.jpg(3.11MB)
--------ContentBox.js(1KB)
--------index.stories.js(278B)
--------Demo.stories.js(916B)
--------PanZoom.stories.js(6KB)
----yarn.lock(477KB)