html2canvas问题：缺少背景图像（外部）。

Question

我无法下载带有背景图片的“jpg / png / pdf”，只需下载文本即可。使用JavaScript或jQuery。

<script>
    $(document).ready(function() {
        var element = $("#html-content-holder"); // global variable
        var getCanvas; // global variable

        html2canvas(element, {
            onrendered: function(canvas) {
                $("#previewImage").append(canvas);
                getCanvas = canvas;
            }
        });

        $("#btn-Convert-Html2Image").on('click', function() {
            var imgageData = getCanvas.toDataURL("image/png");

            var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream");
            $("#btn-Convert-Html2Image").attr("download", "your_pic_name.png").attr("href",
                newData);
        });
    });
</script>

Answer 1

这个元素“＃btn-Convert-Html2Image”应该支持“href”属性并且是<a>你可以将你的按钮包装到<a>例如看看这个例子how to save canvas as png image?