html2canvas兼容svg,html2 canvas svg不能识别的解决方案

最新有个功能需要截取网页成图片，于是用到比较流行的html2canvas，本来以为能顺顺利利的搞定，后来发现网页上的流程图连接线不在截图中。于是各种百度、bing，也搜到好多，但是感觉没有一个完整的代码，现在自己解决了，分享下代码。

function showQRCode() {

scrollTo(0, 0);

if (typeof html2canvas !== 'undefined') {

//以下是对svg的处理

var nodesToRecover = [];

var nodesToRemove = [];

var svgElem = $("#divReport").find('svg');//divReport为需要截取成图片的dom的id

svgElem.each(function (index, node) {

var parentNode = node.parentNode;

var svg = node.outerHTML.trim();

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

canvg(canvas, svg);

if (node.style.position) {

canvas.style.position += node.style.position;

canvas.style.left += node.style.left;

canvas.style.top += node.style.top;