Web Dev Solutions

Catalin Mititiuc

From 06e5c4e09ea8373e153e8fa8b3ea97203f7c61f9 Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Wed, 19 Mar 2025 19:27:56 -0700 Subject: Add programmaticZoom --- src/modules/zoom.js | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) (limited to 'src/modules') 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(); -- cgit v1.2.3