摘要: 本文主要介绍html2canvas实现浏览器截图的原理。 首先简单介绍html2canvas是做什么的,如何使用它; 然后从主入口出发,分析html2canvas渲染DOM元素的大致流程(简易火焰图); 接着按火焰图的顺序,依次对renderElement方法中执行的parseTree/parseStackingContextrenderer.render三个方法进行分析,了解这些方法的作用和原理; 最后通过介绍CSS布局规则和7阶层叠水平,自然地引出renderStackContent关键方法实现原理的介绍。 阅读全文
posted @ 2020-12-20 17:15 Kagol 阅读(4469) 评论(2) 推荐(0)