Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'src/app.js')
-rw-r--r--src/app.js25
1 files changed, 13 insertions, 12 deletions
diff --git a/src/app.js b/src/app.js
index 9aac0bc..5e9a2e4 100644
--- a/src/app.js
+++ b/src/app.js
@@ -1,27 +1,28 @@
import zoom from './modules/zoom';
import pan from './modules/pan';
-const optionalZoomFactor = 0.1,
- object = document.querySelector('object');
+const optionalZoomFactor = 0.1
+ //, object = document.querySelector('object')
+ ;
// If embedding an SVG using an <object> tag, it's necessary to wait until the
// page has loaded before querying its `contentDocument`, otherwise it will be
// `null`.
window.addEventListener('load', function () {
- const svg = object.contentDocument.querySelector('svg'),
- targetEl = svg.querySelector('g'),
- pointer = svg.querySelector('#pointer'),
+ const svg = document.querySelector('svg'),
+ targetEl = svg.querySelector('g.pan-zoom'),
+ //pointer = svg.querySelector('#pointer'),
options = { passive: false };
svg.addEventListener('wheel', zoom(targetEl, optionalZoomFactor), options);
svg.addEventListener('pointerdown', pan(targetEl), options);
- svg.addEventListener('pointermove', e => {
- const pt = new DOMPoint(e.clientX, e.clientY),
- svgP = pt.matrixTransform(targetEl.getScreenCTM().inverse());
-
- pointer.setAttributeNS(null, 'cx', svgP.x);
- pointer.setAttributeNS(null, 'cy', svgP.y);
- });
+ //svg.addEventListener('pointermove', e => {
+ // const pt = new DOMPoint(e.clientX, e.clientY),
+ // svgP = pt.matrixTransform(targetEl.getScreenCTM().inverse());
+ //
+ // pointer.setAttributeNS(null, 'cx', svgP.x);
+ // pointer.setAttributeNS(null, 'cy', svgP.y);
+ //});
});