html2canvas多个id,自己动手实现一个html2canvas

前言

昨天写了新手引导动画的4种实现方式,

里面用到了 html2canvas 于是就顺便了解了一下实现思路.

大概就是 利用 svg 的 foreignObject 标签, 嵌入 dom, 最后再利用 canvas 绘制 svg. 从而实现最终目的.

先让大家作一新求抖直微圈看看效果

MDN示例

var canvas = document.getElementById('canvas');

var ctx = canvas.getContext('2d');

var data = '' +

'' +

'

' +

'I like' +

'' +

'cheese' +

'

' +

'' +

'';

var DOMURL = window.URL || window.webkitURL || window;

var img