From ade68b217cf9ce8d5e04943b1b775f47b89a8057 Mon Sep 17 00:00:00 2001
From: Shawn <shawn@kafei.io>
Date: Sat, 1 Dec 2018 01:34:45 -0600
Subject: [PATCH] Attempt to fix Safari rendering of SVGs

---
 client/src/components/Memeify/index.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/client/src/components/Memeify/index.js b/client/src/components/Memeify/index.js
index 83bd5f93..b3833227 100644
--- a/client/src/components/Memeify/index.js
+++ b/client/src/components/Memeify/index.js
@@ -28,6 +28,11 @@ const getRasterizedCanvas = (contents, width, height) => {
       );
     }
 
+    // Fix busted SVG images in Safari
+    if(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) {
+      contents = contents.replace(/\<img\s/g, '<xhtml:img ');
+    }
+
     // Attempt to match font kerning with the DOM.
     const kerningAndPadding = '<style>svg{font-kerning:normal}body{padding:0;margin:0}</style>';
     let svgContents = `<svg xmlns="http://www.w3.org/2000/svg" width="${width * 2}" height="${height * 2}">
-- 
2.45.2