Add scale arg to exportPNG()

Closes #227 Closes #203
scratchblocks · Apr 7, 2018 · 2070c62 · 2070c62
1 parent af07408
commit 2070c62
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -296,7 +296,7 @@ <h1>
         link.textContent = "Export PNG";
         link.className = 'export-link';
         document.body.appendChild(link);
-      });
+      }, 2);
     }, 0);
 
     try {

diff --git a/scratch2/blocks.js b/scratch2/blocks.js
@@ -662,16 +662,21 @@ DocumentView.prototype.exportSVG = function() {
   return "data:image/svg+xml;utf8," + xml.replace(/[#]/g, encodeURIComponent)
 }
 
-DocumentView.prototype.exportPNG = function(cb) {
+DocumentView.prototype.exportPNG = function(cb, scale) {
+  scale = scale || 1.0
+
   var canvas = SVG.makeCanvas()
-  canvas.width = this.width
-  canvas.height = this.height
+  canvas.width = this.width * scale
+  canvas.height = this.height * scale
   var context = canvas.getContext("2d")
 
   var image = new Image()
   image.src = this.exportSVG()
   image.onload = function() {
+    context.save()
+    context.scale(scale, scale)
     context.drawImage(image, 0, 0)
+    context.restore()
 
     if (URL && URL.createObjectURL && Blob && canvas.toBlob) {
       var blob = canvas.toBlob(function(blob) {