canvas.toDataURL（）不复制绘制的图像

Question

我有一个画布，需要将其复制到网页上的几个不同位置，并使用jsPDF复制到PDF。我正在使用context.drawImage(...)绘制多个不同的图像，并使用context.stroke(..)和context.fill(...)绘制SVG路径，并使用context.fillText(...)编写文本。这三个功能运行良好，当我使用canvas.toDataURL('image/png', 1.0)时，SVG和文本在生成的副本和PDF中显示得很好。但是，我绘制的所有PNG图像都不存在。明确地说，所有内容都显示在我正在绘制的原始画布上，但是当我尝试复制数据时，PNG不会导出。

有人知道为什么画布对这些图像有选择性吗？

我这样画它们：

let img = new Image();
img.onload = () => {
    context.drawImage(img, section['coordinates'][1], 
    section['coordinates'][0], 
    section['size'][1], 
    section['size'][0]);
};
img.src = section['src'];