fix svg overlay positions

BeethovensWerkstatt · Dec 7, 2023 · 3b5193e · 3b5193e
1 parent 805d252
commit 3b5193e
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/FacsimileComponent.vue b/src/components/FacsimileComponent.vue
@@ -438,10 +438,15 @@ export default {
         return false
      } */
 
-      const loc = new OpenSeadragon.Rect(rects.image.x, rects.image.y, rects.image.w, rects.image.h, rects.rotation)
+      const loc = new OpenSeadragon.Rect(rects.image.x, rects.image.y, rects.image.w, rects.image.h, 0)
+
+      const svgContainer = document.createElement('div')
+      svgClone.setAttribute('style', 'transform: rotate(' + (rects.rotation * -1) + 'deg); transform-origin: top left;')
+
+      svgContainer.append(svgClone)
 
       this.viewer.addOverlay({
-        element: svgClone,
+        element: svgContainer,
         location: loc
       })
       const writingZonesOnCurrentPage = this.$store.getters.writingZonesOnCurrentPage