Fix cutting off part of text when adding text to zoomed image

Fix #191
devforth · Oct 18, 2023 · 08ff961 · 08ff961
1 parent d202116
commit 08ff961
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/js/text.js b/js/text.js
@@ -203,15 +203,17 @@ export default class TextTool {
   apply() {
     const origBorder = this.input.style.border;
     const scale = this.main.getScale();
+
     this.input.style.border = 'none';
-    domtoimage.toPng(this.input, {
+    const domToImageConfig = {
       style: {
         'transform-origin': 'top left',
         transform: `scale(${scale})`
       },
-      width: this.input.clientWidth * scale,
-      height: this.input.clientHeight * scale,
-    })
+      width: this.input.clientWidth * (scale < 1 ? (1 / scale) : scale),
+      height: this.input.clientHeight * (scale < 1 ? (1 / scale) : scale),
+    };
+    domtoimage.toPng(this.input, domToImageConfig)
       .then((dataUrl) => {
         const img = new Image();
         img.src = dataUrl;