magnifier

Magnifier an image

Usage no npm install needed!

<script type="module">
  import magnifier from 'https://cdn.skypack.dev/magnifier';
</script>

README

magnifier Build Status

Magnifier an image

Install

npm install --save magnifier

Usage

import Magnifier from 'magnifier';

new Magnifier('.image');

API

new Magnifier(image)

Create a new Magnifier instance.

image

Type: element, string

Image for magnification.

.height(h)

h

Type: number, string

Lens height.

.width(h)

h

Type: number, string

Lens width.

.backgroundColor(color)

color

Type: string

Lens background color.

.borderColor(color)

color

Type: string

Lens border color.

.borderRadius(r)

r

Type: number, string

Lens radius.

.borderWidth(w)

w

Type: number, string

Lens border width.

.className(name)

name

Type: string

Lens class name.

.show()

Forced show lens.

.hide()

Forced hide lens.

.destroy()

Unbinds the event handlers and removes the lense.

License

MIT