From c10ef67f95fca1a38d8c791c3bdfc09ae81f5a4a Mon Sep 17 00:00:00 2001 From: Nico Hoffmann Date: Mon, 27 Jan 2025 19:49:48 +0100 Subject: [PATCH] Fix export for Safari --- site/plugins/pixels/snippets/canvas.php | 1 + site/plugins/pixels/snippets/script.php | 6 ++++++ 2 files changed, 7 insertions(+) diff --git a/site/plugins/pixels/snippets/canvas.php b/site/plugins/pixels/snippets/canvas.php index 2db3f9d..20dc7e6 100644 --- a/site/plugins/pixels/snippets/canvas.php +++ b/site/plugins/pixels/snippets/canvas.php @@ -59,6 +59,7 @@ class="canvas-headline" :data-x="settings.position.x" :src="settings.image" :style="{ width: settings.scale + '%' }" + decoding="sync" > diff --git a/site/plugins/pixels/snippets/script.php b/site/plugins/pixels/snippets/script.php index bf05aeb..50182e1 100644 --- a/site/plugins/pixels/snippets/script.php +++ b/site/plugins/pixels/snippets/script.php @@ -88,7 +88,13 @@ const zoom = this.settings.zoom; this.settings.zoom = 1; const link = document.createElement("a"); + + // stupid workaround fix for Safari, calling toPng multiple times + // https://github.com/bubkoo/html-to-image/issues/361 + await toPng(canvas); + await toPng(canvas); link.href = await toPng(canvas); + link.download = "pixels.png"; link.click(); this.settings.zoom = zoom;