Merge pull request #153 from louh/louh/device-pixel-ratio

feat(png): saved image uses device pixel ratio
cy6erskunk · May 20, 2020 · 30b1d34 · 30b1d34
2 parents 9ebb6d8 + 5b29a49
commit 30b1d34
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/png.js b/src/png.js
@@ -3,10 +3,11 @@ import {DEFAULT_FILENAME} from './const'
 
 function downloadPng(source, filename = DEFAULT_FILENAME) {
   const canvas = document.createElement('canvas')
+  const dpr = window.devicePixelRatio || 1
   document.body.appendChild(canvas)
   canvas.setAttribute('id', 'svg-image')
-  canvas.setAttribute('width', source.width)
-  canvas.setAttribute('height', source.height)
+  canvas.setAttribute('width', source.width * dpr)
+  canvas.setAttribute('height', source.height * dpr)
   canvas.style.display = 'none'
 
   const context = canvas.getContext('2d')
@@ -15,6 +16,7 @@ function downloadPng(source, filename = DEFAULT_FILENAME) {
   const image = new Image()
 
   function onLoad() {
+    context.scale(dpr, dpr)
     context.drawImage(image, 0, 0)
     const canvasdata = canvas.toDataURL('image/png')