@complat/react-svg-file-zoom-pan v1.1.4
React Svg File Zoom Pan
You can use this package in your react.js for:
display an external SVG file / SVG string as a react.js component.
zoom & pan the SVG using D3.js.
1. INSTALL
$ yarn add react-svg-file-zoom-pan
2. GETTING STARTED
run storybook to see demo
$ yarn install
$ yarn start
usage
svgPath
: an URL, which is the link of your external SVG file.
svg
: a string, which is the SVG content
Please input via svgPath
or svg
.
duration
: a number, which is the time of the transition to the original SVG size when double-clicking.
resize
: a bool, which set wheter you want to set SVG attributes to width: '100%', height: '100%'
3. TEST
unit tests
$ yarn test
end-to-end tests
$ yarn start
$ yarn e2e
4. LICENSE
5. REFERENCE
http://bl.ocks.org/sgruhier/1d692762f8328a2c9957
3 days ago
3 days ago
3 days ago
5 months ago
5 months ago
5 months ago
6 months ago
11 months ago
1 year ago
1 year ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago