@@ -40,11 +40,17 @@ Use the `ng-magnizoom` component with the `imageSrc` input to render the image w
40
40
41
41
## Options
42
42
43
- Name | Type | Default | Description
44
- --- | --- | --- | ---
45
- imageSrc | string | (required) | Image source (url)
46
- zoomMode | 'LENS', 'COVER' | 'COVER' | Mode
47
- minZoomFactor | number | 1.2 | Minimum zooming factor
48
- maxZoomFactor | number | 3 | Maximum zooming factor
49
- imageStyle | { [ x: string] : any; } | - | ngSytle for image canvas element
50
- imageClass | any | - | ngClass for image canvas element
43
+ Name | Type | Default | Two-way binding | Description
44
+ --- | --- | --- | --- | ---
45
+ imageSrc | string | (required) | - | Image source (url)
46
+ zoomMode | 'LENS', 'COVER' | 'COVER' | - | Mode
47
+ minZoomFactor | number | 1.2 | - | Minimum zooming factor
48
+ maxZoomFactor | number | 3 | - | Maximum zooming factor
49
+ imageStyle | { [ x: string] : any; } | - | - | ngSytle for image canvas element
50
+ imageClass | any | - | | ngClass for image canvas element
51
+ zoomFactor | number | 2 | x | current zoom level (between minZoomFactor and maxZoomFactor)
52
+ lensSizeUnit | 'NORMALIZED', 'PIXEL' | 'NORMALIZED' | - | 'NORMALIZED' - between 0 and 1, 'PIXEL' - pixel value
53
+ lensSize | { width: number, height: number } | { width: 0.5, height: 0.5 } | - | The size of the lens in ` lensSizeUnit `
54
+ zoomCenterUnit | 'NORMALIZED', 'PIXEL' | 'NORMALIZED' | - | 'NORMALIZED' - between 0 and 1, 'PIXEL' - pixel value
55
+ zoomCenter | { x: number, y: number } or undefined | undefined | x | The center of the zoom, ` undefined ` if not in zoom mode
56
+ updateOnMouseEvents | boolean | true | - | Whether or not the magnifier uses the mouse events
0 commit comments