javascript - 从 html 元素生成图像

Question

我正在尝试从包含一些图表的 div 中获取 img。不幸的是，生成的图像似乎是随机损坏的。

我正在使用chart.js 来绘制图表，并且我尝试了dom-to-image 和html-to-image，结果相同。我也尝试过 html2canvas，但它对我来说似乎太慢了（12 秒让我的 div 截图太多了）。这是一个 jsfiddle 测试，它给了我随机错误。 https://jsfiddle.net/q7fwm4yt/1/

var node = document.getElementById('chart_container');
  domtoimage.toPng(node)
  .then(function (dataUrl) {
  var img = new Image();
  img.src = dataUrl;
  $('.cloned').append(img);
  })
    .catch(function (error) {
      console.error('oops, something went wrong!', error);
});

单击按钮时，它会随机给我一个空白（损坏的）图像。谢谢你的帮助。