index : pan-zoom | |
SVG pan/zoom library. |
aboutsummaryrefslogtreecommitdiff |
diff options
Diffstat (limited to 'src/modules/zoom.js')
-rw-r--r-- | src/modules/zoom.js | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/src/modules/zoom.js b/src/modules/zoom.js index 15e622e..3ccb918 100644 --- a/src/modules/zoom.js +++ b/src/modules/zoom.js @@ -24,15 +24,24 @@ function setTransform(el, computedMtx, translateMtx, scale) { const transformMtx = computedMtx.multiply(translateMtx).scale(scale).multiply(translateMtx.inverse()); - groups.forEach(([z, p]) => track(z, p, transformMtx)); + //groups.forEach(([z, p]) => track(z, p, transformMtx)); el.style.transform = transformMtx; } -let groups = []; +//let groups = []; + +export function programmaticZoom(el, point, scale, cb) { + const computedMtx = getComputedTransformMatrix(el); + const translateMtx = getTranslateMatrix(el, point.x, point.y); + + setTransform(el, computedMtx, translateMtx, scale); + + cb(); +} export default function (el, factor = 0.1, cb) { - groups = getTracked(document.querySelectorAll('svg g[class] use')); + //groups = getTracked(document.querySelectorAll('svg g[class] use')); return e => { e.preventDefault(); |