Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--index.js9
1 files changed, 8 insertions, 1 deletions
diff --git a/index.js b/index.js
index 80fdd4f..105c4ee 100644
--- a/index.js
+++ b/index.js
@@ -695,6 +695,11 @@ POINTS.forEach((row, index) => row.forEach(([x, y]) => {
group.addEventListener('contextmenu', e => {
e.preventDefault();
+
+ // if the sight line is active
+ // lock it
+ // otherwise
+ // try to draw sightline from active counter to click location
let sl = svg.querySelector('.sight-line');
if (sl) {
@@ -851,9 +856,11 @@ document.querySelectorAll('.set-firing-arc').forEach(el => el.addEventListener('
let outlineLayer = document.getElementById('lines');
let arcContainer = document.getElementById('firing-arcs');
+ let [x, y] = counter.parentElement.getAttribute('transform').match(/-?\d+\.?\d*/g);
+
let grid = document.getElementById('grid');
const transform = getComputedStyle(grid).transform.match(/-?\d+\.?\d*/g);
- const pt = new DOMPoint(counter.getAttribute('x'), counter.getAttribute('y'));
+ const pt = new DOMPoint(x, y);
const mtx = new DOMMatrix(transform);
let tPt = pt.matrixTransform(mtx);