Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-prismazoom

Package Overview
Dependencies
Maintainers
1
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-prismazoom - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

4

CHANGELOG.md
# Changelog
## [1.0.2] - 2018-08-08
- Fix on README documentation
- Lower React dependencies (v16.0)
## [1.0.1] - 2018-08-08

@@ -4,0 +8,0 @@ - Improve README documentation

14

package.json
{
"name": "react-prismazoom",
"version": "1.0.1",
"version": "1.0.2",
"description": "A pan and zoom component for React, using CSS transformations.",

@@ -31,5 +31,5 @@ "author": "Sylvain DUBUS <svn.dbs@gmail.com>",

"peerDependencies": {
"prop-types": "^15.6.2",
"react": "^16.4.2",
"react-dom": "^16.4.2"
"prop-types": "^15.6",
"react": "^16",
"react-dom": "^16"
},

@@ -56,5 +56,5 @@ "devDependencies": {

"html-webpack-plugin": "^3.2.0",
"prop-types": "^15.6.2",
"react": "^16.4.2",
"react-dom": "^16.4.2",
"prop-types": "^15.6",
"react": "^16",
"react-dom": "^16",
"style-loader": "^0.21.0",

@@ -61,0 +61,0 @@ "webpack": "^4.16.5",

@@ -62,3 +62,3 @@ # react-prismazoom

| className | string | None | Class name to apply on the zoom wrapper. |
| style | object | None | Style to apply on the zoom wrapper. Note that *transform*, *transition*, *cursor* and *touch-action* cannot be overridden. Example: `style={{backgroundColor: red}}`. |
| style | object | None | Style to apply on the zoom wrapper. Note that *transform*, *transition*, *cursor* and *touch-action* cannot be overridden. Example: `style={{backgroundColor: 'red'}}`. |
| minZoom | number | 1 | Minimum zoom ratio. |

@@ -80,22 +80,22 @@ | maxZoom | number | 5 | Maximum zoom ratio. |

**zoomIn (value)**\
*Increments the zoom with the given value.*\
**zoomIn (value)**
*Increments the zoom with the given value.*
Param {value: Number} : Zoom value
**zoomOut (value)**\
*Decrements the zoom with the given value.*\
**zoomOut (value)**
*Decrements the zoom with the given value.*
Param {value: Number} : Zoom value
**zoomToZone (relX, relY, relWidth, relHeight)**\
*Zoom-in on the specified zone with the given relative coordinates and dimensions.*\
Param {relX: Number} : Relative X position of the zone left-top corner in pixels\
Param {relY: Number} : Relative Y position of the zone left-top corner in pixels\
Param {relWidth: Number} : Zone width in pixels\
**zoomToZone (relX, relY, relWidth, relHeight)**
*Zoom-in on the specified zone with the given relative coordinates and dimensions.*
Param {relX: Number} : Relative X position of the zone left-top corner in pixels
Param {relY: Number} : Relative Y position of the zone left-top corner in pixels
Param {relWidth: Number} : Zone width in pixels
Param {relHeight: Number} : Zone height in pixels
**reset ()**\
**reset ()**
*Resets the component to its initial state.*
**getZoom ()**\
*Returns the current zoom value.*\
**getZoom ()**
*Returns the current zoom value.*
Return {Number} : Zone value

@@ -102,0 +102,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc