Javascript html2canvas捕获morris.js图表

我正在尝试使用html2canvas捕获一个图表，该图表是使用morris.js charts库呈现的，它会被捕获，但只捕获容器

这是图表：

这就是被捕获的内容

这里是一个链接到一个不工作的小提琴

代码如下：

html

<div id="mainDiv" style="">
   <div id="myfirstchart" style="height: 250px;"></div>
</div>

知道怎么了吗

setTimeout(function(){
    html2canvas($('#mainDiv')`[0]`, {
        onrendered: function (canvas) {
            document.body.appendChild(canvas);
        }
    });
},2000);

在这个函数中不应该使用JQuery对象！ 添加

[0]

元素索引以执行此操作！但莫里斯图表使用SVG和插件将无法正确烘焙图像！（官方网站上有关于svg问题的注释）

我也在寻找解决办法。如果您发现-请向我们展示：）

哦。。。顺便说一句

setTimeout(function(){
    html2canvas($('#mainDiv')`[0]`, {
        onrendered: function (canvas) {
            document.body.appendChild(canvas);
        }
    });
},2000);