在微信中實現HTML頁面保存成圖片

實現HTML頁面保存成圖片需要基於html2canvas

<div id="content">
    <strong>在微信中實現HTML頁面保存成圖片</strong>
    <img src="20171103160034.png">
</div>

jQuery(document).ready(function(){
    if(isWeiXin()){
        var img = new Image();
        //此處圖像默認放置占位，必須真實有效存在
        img.src='20171103160034.png';
        img.onload = function(){
            var elem = jQuery('#content');
            html2canvas([elem.get(0)], {
                onrendered: function (canvas) {
                    var image = canvas.toDataURL("image/jpg");
                    var pHtml = "<img src='"+image+"' style='width:100%;height:100%'>";
                    jQuery("#content").html(pHtml);
                    jQuery("#content").attr("style","padding-top:40px");
                }
            });
        }
    }
});

//判斷是否為微信  
function isWeiXin(){
    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
        return true;
    }else{
        return false;
    }
}