diff --git a/client/src/app/util/generateImage.js b/client/src/app/util/generateImage.js index 9d953855a..b350b6d16 100644 --- a/client/src/app/util/generateImage.js +++ b/client/src/app/util/generateImage.js @@ -6,6 +6,7 @@ const ENCODINGS = [ 'image/jpeg' ]; +const SCALE = 3; export default function generateImage(type, svg) { const encoding = 'image/' + type; @@ -19,6 +20,11 @@ export default function generateImage(type, svg) { canvas = document.createElement('canvas'); + + svg = svg.replace(/width="([^"]+)" height="([^"]+)"/, function(_, widthStr, heightStr) { + return `width="${parseInt(widthStr, 10) * SCALE}" height="${parseInt(heightStr, 10) * SCALE}"`; + }); + canvg(canvas, svg); // make the background white for every format @@ -31,4 +37,4 @@ export default function generateImage(type, svg) { context.fillRect(0, 0, canvas.width, canvas.height); return canvas.toDataURL(encoding); -} +} \ No newline at end of file