fix: Canvas breaks styles if picture is big enough

ribizli · Nov 14, 2016 · 4e1b420 · 4e1b420
1 parent 976f9c9
commit 4e1b420
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/utils.ts b/src/utils.ts
@@ -13,12 +13,17 @@ const resizeAreaId = 'imageupload-resize-area';
 function getResizeArea() {
     let resizeArea = document.getElementById(resizeAreaId);
     if (!resizeArea) {
+        let wrap = document.createElement('div');
         resizeArea = document.createElement('canvas');
+        wrap.appendChild(resizeArea);
+        wrap.id = 'wrap-' + resizeAreaId;
+        wrap.style.position = 'relative';
+        wrap.style.overflow = 'hidden';
+        wrap.style.width = '0';
+        wrap.style.height = '0';
         resizeArea.id = resizeAreaId;
-        resizeArea.style.visibility = 'hidden';
         resizeArea.style.position = 'absolute';
-        resizeArea.style.transform = 'translate(-1000px, 0)';
-        document.body.appendChild(resizeArea);
+        document.body.appendChild(wrap);
     }
 
     return <HTMLCanvasElement>resizeArea;