洛丽糖(luolt.cn),致力于互联网资源的共享, 分享各类技术教程,typecho主题模板,zblog主题模板,网站源码等各种资源。
首页 » 休闲 » 正文内容
html2canvas踩坑教程
寻梦xunm| 231| 休闲
4个月前
超过138天 温馨提示
本文最后更新于2024年07月09日,已超过138天没有更新,若内容或图片失效,请留言反馈。

哎,自己不懂js就是麻烦,虽然现在AI智能可以帮上大部分忙,但是有些事情还是无法解决的。例如下面这个问题导致我搞了一天多才从别人编写的教程中找到答案。

踩坑点

1、由于本人一直用的火狐浏览器,没有安装其他浏览器,导致一直报“Unable to access cssRules property DOMException: CSSStyleSheet.cssRules getter: Not allowed to access cross-origin stylesheet”这个傻逼问题,找了很多方法都没有解决,直到我实在忍不住用了别的浏览器看看是否存在相同问题,结果屁错都没有。这时候我才幡然醒悟,可能是火狐浏览器插件扩展搞得鬼,一直加载第三方资源。
2、这个是困扰我最久的问题,使用html2canvas本地测试不存在图片跨域,字体跨域等问,就是第一篇文章可以正常海报生成,其余的文章海报生成就变成一片空白,也是试了各种网上的方法也没有得到解决,最终在别人的教程中,不起眼的结尾写的一段话给提醒了“tml2canvas只能截取可视区域的页面,生成之前记得 window.scrollTo(0, $(this).offset().top);”,最后成功解决问题。

none
2 赞 or 打赏
喜欢就打赏一点
微信 支付宝
20240430140454171445709417079.png
20240430140454171445709417079.png
隐私
Q Q:1340326824
邮箱:vipshiyi@qq.com
QQ群:422720328

我的音乐