如何將實時地圖保存爲圖像？

Question

我知道這種類型的問題已經提出。我已經看到了這個主題的答案，但我實際上並不知道如何將圖表保存爲圖像（png或jpeg）。貝婁你有我的實時圖形的打印屏幕。 。

當我點擊「圖像另存爲...」時，保存的照片是完全黑色的。我嘗試了很多方法，但都沒有爲我工作。那麼我怎樣才能將我的圖表保存爲圖像？

Answer 1

這是您在評論中發佈的updated version of the fiddle。點擊鏈接後，它不會生成圖像和PDF文檔，而是在繪製圖表並隱藏原始畫布之後直接創建圖像。在新圖表上使用「圖像另存爲...」對我來說工作正常。代碼：

$.plot($("#placeholder"), [{ 
    label: 'Test', 
    data: [ 
    [0, 0], 
    [1, 1] 
    ] 
}], { 
    yaxis: { 
    max: 1 
    } 
}); 

html2canvas($("#placeholder").get(0), { 
    onrendered: function(canvas) { 
    document.body.appendChild(canvas); 
    $('#placeholder').hide(); 
    } 
}); 

在繪製新的圖表，你必須show()原來的容器中，並再次呼籲html2canvas(...)之前刪除複製（更改選項左右後）。