improve image export quality

b310-digital · Dec 5, 2023 · b6c464f · b6c464f
1 parent d6cc179
commit b6c464f
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/teammapper-frontend/mmp/src/map/handlers/export.ts b/teammapper-frontend/mmp/src/map/handlers/export.ts
@@ -59,10 +59,18 @@ export default class Export {
 
             image.onload = () => {
                 const canvas = document.createElement('canvas'),
-                      context = canvas.getContext('2d')
+                      context = canvas.getContext('2d'),
+                      pixelRatio = window.devicePixelRatio || 1
 
                 canvas.width = image.width
                 canvas.height = image.height
+
+                canvas.style.width = canvas.width +'px'
+                canvas.style.height = canvas.height +'px'
+                canvas.width *= pixelRatio
+                canvas.height *= pixelRatio
+                context.setTransform(pixelRatio,0,0,pixelRatio,0,0)
+
                 context.drawImage(image, 0, 0)
                 context.globalCompositeOperation = 'destination-over'
                 context.fillStyle = '#ffffff'