@sequent-org/moodboard 1.2.88 → 1.2.89

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sequent-org/moodboard",
-  "version": "1.2.88",
+  "version": "1.2.89",
   "type": "module",
   "description": "Interactive moodboard",
   "main": "./src/index.js",

package/src/ui/HtmlTextLayer.js

@@ -305,14 +305,15 @@ export class HtmlTextLayer {
             el.style.lineHeight = newLH;
         }
 
-        // Позиция и габариты в экранных координатах
-        const left = (tx + s * x) / res;
-        const top = (ty + s * y) / res;
+        // Позиция и габариты в экранных координатах с учетом масштаба браузера
+        const zoomFactor = this._getBrowserZoomFactor();
+        const left = ((tx + s * x) / res) / zoomFactor;
+        const top = ((ty + s * y) / res) / zoomFactor;
         el.style.left = `${left}px`;
         el.style.top = `${top}px`;
         if (w && h) {
-            el.style.width = `${Math.max(1, (w * s) / res)}px`;
-            el.style.height = `${Math.max(1, (h * s) / res)}px`;
+            el.style.width = `${Math.max(1, ((w * s) / res) / zoomFactor)}px`;
+            el.style.height = `${Math.max(1, ((h * s) / res) / zoomFactor)}px`;
         }
         // Поворот вокруг центра (как у PIXI и HTML-ручек)
         el.style.transformOrigin = 'center center';
@@ -368,7 +369,21 @@ export class HtmlTextLayer {
                     position
                 });
             }
-        } catch (_) {}
+        } catch (_) {        }
+    }
+    
+    /**
+     * Получение коэффициента масштабирования браузера
+     */
+    _getBrowserZoomFactor() {
+        // Определяем масштаб браузера разными способами
+        const outerInnerRatio = window.outerWidth / window.innerWidth;
+        const devicePixelRatio = window.devicePixelRatio || 1;
+        
+        // Используемый подход: соотношение размеров окна браузера
+        const zoomFactor = outerInnerRatio;
+        
+        return Math.max(0.1, Math.min(5, zoomFactor)); // Ограничиваем разумными пределами
     }
 }