This pull request is an attempt to resolve the issue of IOS not loading images

src/dataurl.ts

@@ -69,14 +69,15 @@ export async function resourceToDataURL(
     options.includeQueryParams,
   )
 
-  if (cache[cacheKey] != null) {
-    return cache[cacheKey]
-  }
-
+
   // ref: https://developer.mozilla.org/en/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Bypassing_the_cache
   if (options.cacheBust) {
     // eslint-disable-next-line no-param-reassign
     resourceUrl += (/\?/.test(resourceUrl) ? '&' : '?') + new Date().getTime()
+  }else{
+    if (cache[cacheKey] != null) {
+      return cache[cacheKey]
+    }
   }
 
   let dataURL: string

src/embed-webfonts.ts

@@ -37,7 +37,7 @@ async function embedFonts(data: Metadata, options: Options): Promise<string> {
 
     return fetchAsDataURL<[string, string]>(
       url,
-      options.fetchRequestInit,
+      options.fetchFontRequestInit,
       ({ result }) => {
         cssText = cssText.replace(loc, `url(${result})`)
         return [loc, result]

src/index.ts

@@ -18,8 +18,8 @@ export async function toSvg<T extends HTMLElement>(
 ): Promise<string> {
   const { width, height } = getImageSize(node, options)
   const clonedNode = (await cloneNode(node, options, true)) as HTMLElement
-  await embedWebFonts(clonedNode, options)
   await embedImages(clonedNode, options)
+  await embedWebFonts(clonedNode, options)
   applyStyle(clonedNode, options)
   const datauri = await nodeToDataURL(clonedNode, width, height)
   return datauri

src/types.ts

@@ -91,4 +91,10 @@ export interface Options {
    *
    */
   fetchRequestInit?: RequestInit
+  /**
+   *
+   *the second parameter of  window.fetch (Promise<Response> fetch(input[, init]))
+   * This would be used for fonts, thereby making it different from the Image urls of the parent project.
+   */
+  fetchFontRequestInit?: RequestInit  
 }