Fix image resolution

7 years ago · 81f0ce2e53
parent bf374f1728
commit 81f0ce2e53
1 changed files with 12 additions and 2 deletions
--- a/pages/editor.js
+++ b/pages/editor.js
@ -39,8 +39,18 @@ class Editor extends React.Component {
  }

  save () {
-    // domtoimage.toPng(document.getElementById('container'))
-    domtoimage.toPng(document.getElementById('container'))
+    const node = document.getElementById('section')
+
+    const config = {
+      style: {
+        transform: 'scale(2)',
+        'transform-origin': 'center'
+      },
+      width: node.offsetWidth * 2,
+      height: node.offsetHeight * 2
+    }
+
+    domtoimage.toPng(node, config)
      .then((dataUrl) => {
        const link = document.createElement('a')
        link.download = 'snippet.png'