将div转换为没有画布的图像

Question

我需要生成一个带有角落色带的图像，因为它内部的文字会发生变化，所以它不是图像。 一旦生成，我需要将div（图像+功能区）保存为图像，但我也无法使用html2canvas，因为我没有图像，我只是有链接（并保存它们将花费太多时间）。还有另一种方法吗？

Answer 1

此similar question的答案产生了此interesting fiddle。我认为您可以根据自己的需要进行调整。

这就是这个javascript：

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