Comparing version 5.1.0 to 6.0.0
40
index.js
@@ -164,4 +164,5 @@ /* globals SVGElement */ | ||
// otherwise just use whatever space we have | ||
w = owner.clientWidth | ||
h = owner.clientHeight | ||
var ownerRect = owner.getBoundingClientRect(); | ||
w = ownerRect.width | ||
h = ownerRect.height | ||
} | ||
@@ -254,4 +255,5 @@ var bbox = domController.getBBox() | ||
// for boolean type we use parent container bounds | ||
var sceneWidth = owner.clientWidth | ||
var sceneHeight = owner.clientHeight | ||
var ownerRect = owner.getBoundingClientRect() | ||
var sceneWidth = ownerRect.width | ||
var sceneHeight = ownerRect.height | ||
@@ -451,3 +453,4 @@ return { | ||
var scaleMultiplier = getScaleMultiplier(z) | ||
publicZoomTo(owner.clientWidth/2, owner.clientHeight/2, scaleMultiplier) | ||
var ownerRect = owner.getBoundingClientRect() | ||
publicZoomTo(ownerRect.width/2, ownerRect.height/2, scaleMultiplier) | ||
} | ||
@@ -481,3 +484,3 @@ } | ||
var touch = e.touches[0] | ||
let offset = getTouchOffsetXY(touch, e.target) | ||
var offset = getOffsetXY(touch) | ||
mouseX = offset.x | ||
@@ -499,3 +502,2 @@ mouseY = offset.y | ||
function handleTouchMove(e) { | ||
if (e.touches.length === 1) { | ||
@@ -505,3 +507,3 @@ e.stopPropagation() | ||
let offset = getTouchOffsetXY(touch, e.target) | ||
var offset = getOffsetXY(touch) | ||
@@ -553,3 +555,3 @@ var dx = offset.x - mouseX | ||
if (e.touches.length > 0) { | ||
let offset = getTouchOffsetXY(e.touches[0], e.target) | ||
var offset = getOffsetXY(e.touches[0]) | ||
mouseX = offset.x | ||
@@ -664,9 +666,7 @@ mouseY = offset.y | ||
function getOffsetXY(e) { | ||
var offsetX = e.offsetX | ||
var offsetY = e.offsetY | ||
if (typeof offsetX === 'undefined') { | ||
var rect = e.target.getBoundingClientRect() | ||
offsetX = e.clientX - rect.left | ||
offsetY = e.clientY - rect.top | ||
} | ||
var offsetX, offsetY; | ||
// I tried using e.offsetX, but that gives wrong results for svg, when user clicks on a path. | ||
var ownerRect = owner.getBoundingClientRect(); | ||
offsetX = e.clientX - ownerRect.left | ||
offsetY = e.clientY - ownerRect.top | ||
@@ -676,10 +676,2 @@ return {x: offsetX, y: offsetY}; | ||
function getTouchOffsetXY(touch, el) { | ||
var rect = el.getBoundingClientRect() | ||
var offsetX = touch.clientX - rect.left | ||
var offsetY = touch.clientY - rect.top | ||
return {x: offsetX, y: offsetY}; | ||
} | ||
function smoothZoom(clientX, clientY, scaleMultiplier) { | ||
@@ -686,0 +678,0 @@ var fromValue = transform.scale |
{ | ||
"name": "panzoom", | ||
"version": "5.1.0", | ||
"version": "6.0.0", | ||
"description": "Extensible, mobile friendly pan and zoom framework (supports DOM and SVG).", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -23,3 +23,3 @@ # panzoom [![Build Status](https://travis-ci.org/anvaka/panzoom.svg)](https://travis-ci.org/anvaka/panzoom) | ||
``` | ||
https://cdn.rawgit.com/anvaka/panzoom/v4.4.0/dist/panzoom.min.js | ||
<script src='https://cdn.rawgit.com/anvaka/panzoom/v4.4.0/dist/panzoom.min.js'></script> | ||
``` | ||
@@ -26,0 +26,0 @@ |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
236869
2185