HoverZoom

Dependency free zoom element on hover

Setup

npm install hoverzoom

<div id="container">
    <div>Some content for zooming</div>
</div>

import HoverZoom from "hoverzoom";
 
const hoverZoom = new HoverZoom("#container", options);

Option	Type	Default	Description
`mode`	`string`	`contain`	`contain`, `cover`, `autoHeight` or `autoWidth`
`padding`	`number` \| `object`	`{top: 0, right: 0, bottom: 0, left: 0}`	Sets padding for hover

Method	Argument	Description
`updateScale`		Update `scale` value according to sizes of container and it's content
`update`	`updateScale` = `true`	Redraw

MIT