最近接到任务，需实现网页放大镜的效果，百度搜索千篇一律的都是一些仿淘宝/京东等电商网站中查看规格大图的效果实现，根本无法满足我的需求，于是自己花了点时间调研实现，这里主要做一个记录，并分享给大家。

为了验证自己的猜想，浅浅调试一下 html2canvas 的源码，看下 html2canvas 是怎样一个流程，它是如何将 html内转成 canvas 的。

本文主要关注html2canvas前端生成方案，把在其中学习到思路和踩坑和大家分享下，让大家上线之后不被产品反馈Bug，享受美好的周末。

1. 前言 最近我需要将网页的DOM输出为PDF文件，我使用的技术是html2Canvas和jsPDF。具体流程是，首先使用html2Canvas将DOM转化为图片，然后将图片添加到jsPDF中进行输

上面的demo就是使用 D3.js + Canvas 的方式实现的, 在组织的层数超过300时才会出现明显的卡顿, 能满足大部分的组织结构图的数据. 上面的变量 nodes 和 links 现在就包含了结构图中每个 组织节点 和 连接线 的坐标信息. 2. 使用Canvas绘图…