文件名称:react-easy-panzoom:包装器为任何React组件启用平移和缩放功能
文件大小:5.56MB
文件格式:ZIP
更新时间:2024-05-19 05:23:49
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)