diff --git a/app/src/components/SVGContent.vue b/app/src/components/SVGContent.vue index a9996d0..3062fec 100644 --- a/app/src/components/SVGContent.vue +++ b/app/src/components/SVGContent.vue @@ -45,12 +45,9 @@ export default defineComponent({ const svg = element.appendChild(svgParsed.firstElementChild as Element) as any; // Set document background - const svgBaseEl = svg.getElementById("base"); - if (svgBaseEl) { - const pageColor = svgBaseEl.attributes.getNamedItem("pagecolor"); - if (pageColor) { - emit("setBackground", pageColor.value); - } + const pageColor = svg.getElementById("base")?.attributes.getNamedItem("pagecolor"); + if (pageColor) { + emit("setBackground", pageColor.value); } // PanZoom @@ -105,6 +102,7 @@ export default defineComponent({ panToElement(start, false); } + // Calculate SVG-unit bounding box pz.on("transform", function (_) { const transform = pz.getTransform(); const currentRatio = svg.clientWidth * transform.scale / svg.viewBox.baseVal.width; @@ -161,19 +159,18 @@ export default defineComponent({ panToElement(anchor, true); }; - // DEBUG - window.addEventListener("keydown", (ev) => { - if (ev.key !== " ") { - return; - } - panToAnchor.value(anchors.value[0]); - }); - // Videoscrolls scrolls.value = await processScrolls(svg); // Audio areas audioAreas.value = processAudio(svg); + + // DEBUG + window.addEventListener("keydown", (ev) => { + if (ev.key === " ") { + panToAnchor.value(anchors.value[0]); + } + }); }); return {