1.0.5 • Published 6 years ago

react-svg-file-zoom-pan v1.0.5

Weekly downloads
39
License
MIT
Repository
github
Last release
6 years ago

React Svg File Zoom Pan

You can use this package in your react.js for:

  1. display an external SVG file / SVG string as a react.js component.

  2. 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 storybook
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. LICENSE

LICENSE

4. REFERENCE

http://bl.ocks.org/sgruhier/1d692762f8328a2c9957

http://bl.ocks.org/mbostock/1014829

http://stackoverflow.com/questions/21209549/embed-and-refer-to-an-external-svg-via-d3-and-or-javascript

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

0.1.5

7 years ago

0.1.4

8 years ago

0.1.3

8 years ago

0.1.2

8 years ago

0.0.6

9 years ago

0.0.5

9 years ago

0.0.4

9 years ago

0.0.3

9 years ago

0.0.2

9 years ago

0.0.1

9 years ago