javascript – 仅在iOS浏览器上抛出安全错误(Dom Exception 18)的domToImage代码

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

www.avarachan.com/test.html

它在桌面上工作正常,但在iphone上,它会抛出错误

安全错误dom exception 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 knowldge来研究后者在iOS上如何工作正常,并且可能会建议一个解决方案,使移动设备上的dom-to-image工作?

解决方法:

“DOM Exception 18通常意味着你超过了设备允许的配额(50MB),尽管在某些环境中它是因为Apple删除了WebSQL支持(例如WKWebView).”

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

上一篇:将页面的内容导出使用html2canvas+jsPDF


下一篇:html2canvas 使用方法,uniapp、vue将页面部分转化为图片