将div转换为不带画布的图像

Question

我需要生成一个带有角带的图像，由于它内部的文本发生了变化，因此它不是图像。 生成后，我需要将div（图像+功能区）另存为图像，但是我无法使用html2canvas来完成此操作，因为我没有图像，只有链接（和保存它们会花费太多时间）。 还有其他方法吗？

Answer 1

对这个类似问题的回答引起了这个有趣的小提琴 。 我认为您可以对此进行调整以适合您的使用。

本质上是这个javascript：

$(function() { 
    $("#btnSave").click(function() { 
        html2canvas($("#widget"), {
            onrendered: function(canvas) {
                theCanvas = canvas;
                canvas.toBlob(function(blob) {
                    saveAs(blob, "Dashboard.png"); 
                });
            }
        });
    });
});