<script src="/js/html2canvas/html2canvas.min.js" type="text/javascript" charset="utf-8"></script>
<script>
    //將圖片轉為 base64
    function getBase64Image(img) {
        img.crossOrigin = 'Anonymous';
        var canvas = document.createElement("canvas");
        canvas.width = img.width;
        canvas.height = img.height;
        var
 
 ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0, img.width, img.height);
        var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase();
        var dataURL = canvas.toDataURL("image/jpeg");
        return dataURL;

    }

    //遞迴將要轉換的節點中的所有圖片的src全部轉為base64
    var s = 0;
    image2base64(s);
    function
 
 image2base64() {
        var image = new Image();
        image.src = $(".share_b img").eq(s).attr('src');
        console.log(image.src);
        image.onload = function() {
            var base64 = getBase64Image(image);
            $(".share_b img").eq(s).attr('src', base64);
            s++;
            if
 
 (s < $(".share_b img").length) {
                image2base64();
            }
        }
    }

    //使用html2canvas將節點轉為圖片
    $(function(){
        $(".share_a").bind("click", function () {
            html2canvas($(".share_b")).then(function(canvas) {
                var imgUria = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); // 獲取生成的圖片的url
                $(".share_img").attr('src', imgUria);
                $(".share_img").css('display', 'block');
                $(".share_bg").css('display', 'block');
            });
        })
    });

</script>

以上。