Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'src/map.js')
-rw-r--r--src/map.js30
1 files changed, 1 insertions, 29 deletions
diff --git a/src/map.js b/src/map.js
index 803608e..16f8b50 100644
--- a/src/map.js
+++ b/src/map.js
@@ -1,16 +1,8 @@
-const svgns = "http://www.w3.org/2000/svg";
-const dataset = document.currentScript.dataset;
const svg = document.querySelector('svg');
const gb = svg.querySelector('.gameboard');
const bg = svg.querySelector('#background');
-const imageMaps = svg.querySelector('#image-maps');
const grid = gb.querySelector('.grid');
const dots = gb.querySelector('#dots');
-
-const sequence = getComputedStyle(gb).transform.match(/-?\d+\.?\d*/g);
-const mtx = new DOMMatrix(sequence || '');
-bg.style.transform = mtx;
-
const bbox = grid.getBBox();
setElAttrs(bg, bbox);
@@ -18,7 +10,7 @@ setElAttrs(dots, bbox)
svg.setAttribute('viewBox', formatForViewBox(calcComputedBboxFor(gb)));
function setElAttrs(el, attrs) {
- for (key in attrs) {
+ for (const key in attrs) {
el.setAttributeNS(null, key, attrs[key]);
}
}
@@ -40,23 +32,3 @@ function calcComputedBboxFor(el) {
return { x: originPtX, y: originPtY, width: maxPtX - originPtX, height: maxPtY - originPtY };
}
-
-function createCells(container, { cols, rows }, templateId) {
- for (let rowNum = 0; rowNum < +rows; rowNum++) {
- const row = document.createElementNS(svgns, 'g');
- row.dataset.y = rowNum;
-
- for (let colNum = 0; colNum < +cols; colNum++) {
- const cell = document.createElementNS(svgns, 'g');
- cell.dataset.x = colNum;
-
- const cellShape = document.createElementNS(svgns, 'use');
- cellShape.setAttribute('href', `#${templateId}`);
-
- cell.appendChild(cellShape);
- row.appendChild(cell);
- }
-
- container.appendChild(row);
- }
-}