0.2.2 • Published 7 years ago
ng-iw-zoom v0.2.2
iwZoom
An angular directive for implementing zoom on any DOM element
Installation
yarn add ng-iw-zoom(or npm install)- include the
iw-zoom.directive.jsfile located in the dist/ folder - add
iwZoomto your module dependenciesangular.module('app', ['iwZoom']) - include the
<zoomer></zoomer>wherever you want the directive to display inside your HTML
Usage
- You'll need to pass the directive options using the
options=""attribute on the<zoomer>element - Most likely, you'll want to style this directive. A sample stylesheet is provided in src/sass (sample requires bourbon)
Options
The options attribute accepts a valid JSON object.
selector is the only REQUIRED option.
| option | type | description | default |
|---|---|---|---|
| selector | string | The class or ID of the element you want to make "zoomable" | None, required |
| min | int | the minimum value of zoom | 0.75 |
| max | int | the maximum value of zoom | 10.0 |
| step | int | the legal number intervals for the slider element. | 0.25 |
| defaultZoom | int | the default zoom level | 1 |
Tip: The step attribute can be used together with the max and min attributes to create a range of legal values.