將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"); 
                });
            }
        });
    });
});