javascript - domToImage 代码仅在 iOS 浏览器上抛出安全错误(Dom 异常 18)

Question

我正在尝试使用 dom-to-image插入。这是我的示例代码。

www.avarachan.com/test.html

它在桌面上运行良好，但在 iphone 上会抛出错误

安全错误dom异常18

我尝试了以下 htaccess 选项

Header set Access-Control-Allow-Credentials "true"
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header set Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS" 

错误依然存在。它似乎在 android 上的 chrome 上工作(我使用 browserstack 进行了测试)。只有 iOS chrome 和 safari 不断抛出异常。即使只有 div 和文本。

有一个类似的库，https://github.com/niklasvh/html2canvas , 它适用于移动设备。但是库不如dom-to-image。有 js 和 canvas 知识的人可以看看后者在 iOS 上如何正常工作，并且可能会建议一个解决方案来使 dom-to-image 在移动设备上工作吗？

Answer 1

“DOM 异常 18 通常意味着您超出了设备允许的配额 (50MB)，尽管在某些环境中这是因为 Apple 删除了 WebSQL 支持(例如 WKWebView)。”

来源:https://github.com/pouchdb/pouchdb/issues/4234