This commit is contained in:
Björn Schmidt 2025-06-05 14:37:56 +02:00
parent 05d166bca2
commit 6402f1aba8
2 changed files with 10 additions and 13 deletions

View file

@ -1,12 +1,11 @@
# Note
This Project has been forked to update to the newest Angular 19 Version.
This Project has been forked to be updated to work with Angular versions 19 and 20.
# Pinch zoom for Angular
The module provides opportunities for image zooming in, zooming out and positioning with use of gestures on a touch screen.
## Installation
Install the npm package.
@ -61,21 +60,18 @@ For use, put your image inside the <pinch-zoom> container. Please, pay att
## Outputs
| name | description |
| ------------ |------------------------------------------------|
| name | description |
| ----------- | ---------------------------------------------- |
| zoomChanged | Emits current `scale: number` if it's changed. |
## Methods
| name | description |
| ------------ | -------------------------------------------------------------------------------------------- |
| toggleZoom() | Image zooming in and out, depending on its current state. |
| name | description |
| ---------------------- | -------------------------------------------------------------------------------------------- |
| toggleZoom() | Image zooming in and out, depending on its current state. |
| zoomIn(value: number) | Zoom in by `value`, respects `limit-zoom` option. Returns `scale: number`. |
| zoomOut(value: number) | Zoom out by `value`, respects `minScale` option. Returns `scale: number`. |
| destroy() | Unsubscribe from mouse events and touches, as well as remove added styles from the DOM tree. |
| destroy() | Unsubscribe from mouse events and touches, as well as remove added styles from the DOM tree. |
## Contributor services

View file

@ -1,7 +1,7 @@
{
"name": "@meddv/ngx-pinch-zoom",
"version": "19.0.2",
"description": "Pinch zoom component for Angular 19.",
"version": "20.0.0",
"description": "Pinch zoom component for Angular 20.",
"repository": {
"type": "git",
"url": "git+https://github.com/medDV-GmbH/ngx-pinch-zoom"
@ -26,6 +26,7 @@
"keywords": [
"Angular",
"Angular 19",
"Angular 20",
"ngx",
"Pinch zoom",
"Image zoom",