Releases · timmywil/panzoom

26 Jul 14:38

timmywil

v3.2.0

1e88ced

Enabling transitions for SVG elements where supported

IE9-11 and Edge 13-14+ do not respect transform values set through CSS. This makes it impossible to use CSS transitions on SVG elements in those browsers.

Nevertheless, why not enable them in the browsers where it works? Chrome, Firefox, and Safari do this just fine.

Assets 2

20 Jul 17:10

timmywil

3.1.1

c592634

jQuery 3.0 support, new options, shave 300 gzipped bytes

jquery.panzoom 3.0+ adds support for jQuery 3.0 (version number parity is coincidental). This included removing the jquery.event.pointertouch plugin–it broke since the event extension API had changed. The result was mainly that the originalEvent property got used more often.
I dropped support for pointer events because of pointer event issues in IE11. They weren't really adding anything and users were disabling pointer event support through hacks.

New features

contain: 'automatic' option. Greatly simplified contain option logic in the process.
disableXAxis and disableYAxis options.
panOnlyWhenZoomed option
exponential zoom option - Zoom increments exponentially rather than linearly. This is somewhat experimental, but still enabled by default. Linear incrementation was just too slow.

Notable bug fixes

Fixed an issue where rotations with negative values were getting reset to 0.
Moved backface-visibility:hidden style to parent to avoid blur on SVG images, but still promote the animation to its own composite layer for optimal performance.
IE11 had a false positive on a feature test for the input event. IE11 now uses the change event fallback.

Full 2.0.6 to 3.1.1 changelog

Assets 2

02 Apr 16:20

timmywil

2.0.4

3b30a6a

SVG: revert using styles to set transforms

Settings transform styles is not supported in IE. Unfortunately, this means that transitions are not supported for SVG, but transforms work again in all browsers.

See #86.

Assets 2

27 Mar 15:28

timmywil

2.0.1

d76f7bd

API change with `focal` option

By default, whenever the focal option was used it disabled animations. It was meant to be used with pinch zooming and mousewheel zooming, which should not animate. However, I've seen some cases where focal has been used and animating is necessary.

Migrating

If you've been using the focal option with the mousewheel, make sure to set animate to false.

$panzoom.parent().on('mousewheel.focal', function( e ) {
  e.preventDefault();
  var delta = e.delta || e.originalEvent.wheelDelta;
  var zoomOut = delta ? delta < 0 : e.originalEvent.deltaY > 0;
  $panzoom.panzoom('zoom', zoomOut, {
    increment: 0.1,
    focal: e,
    animate: false
  });
});