如何使用html2canvas实现复杂页面元素的手写示例问题剖析？

本文共计216个文字，预计阅读时间需要1分钟。

目录+前言+感性认识+第一步：解析+DOM+树+第二步：按层叠规则分组（重点）+第三步：创建布局+第四步：渲染+另一种方法（HTML, SVG, Canvas）+结语+前言+这两天把2canvas这个玩具玩儿了个遍

目录

• 前言
• 感性认识
• 第一步：解析 dom 树
• 第二步：按层叠规则分组（重点）
• 第三步：创建画布
• 第四步：渲染
• 另一种方法（html->svg->canvas）
• 结语

前言

这两天把 html2canvas 这玩意抽丝剥茧了一下，搞了个勉强能跑的小 demo，麻雀虽小五脏俱全，来看看实现的效果吧（跟基金一样的绿，离离原上谱）