Chart Convert (встроенный график с помощью dc.js) Canvas в PNG с помощью html2canvas JS библиотеки

Question

Я использую html2canvas библиотеки версии 0.5.0-beta3 преобразовать dc.js линейную диаграмму, чтобы изображение PNG. но изображение выглядит так, как показано на прилагаемом изображении. Есть ли какое-либо решение для удаления черной заливки в виде линейной диаграммы. предложите любую лучшую библиотеку, чтобы достичь того же.

код, который мы пытаемся это

html2canvas($("#dashboard-image"), { 
       background :'#FFFFFF ', 
       onrendered: function(canvas) { 
        // restore the old offscreen position 

        var img = canvas.toDataURL("image/png"); 

}}

Answer 1

TRY это может быть полезно,

$('#dashboard-image').html2canvas({ 
    onrendered : function(canvas) { 
     var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); // here is the most important part because if you dont replace you will get a DOM 18 exception. 
    } 
}); 

ИЛИ

html2canvas($("#dashboard-image"), { 
       background :'#FFFFFF ', 
       onrendered: function(canvas) { 
        var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); 
}}; 

ИЛИ Вы можете использовать альтернативу option