Javascript Fabric.js画布toDataUrl

我在将fabric的画布导出到url时遇到问题

如何将所有带有IME的内容从画布导出到url？因为现在，我可以看到只有红色背景被导出

这是我的小提琴：

---

您的结果是正确的。您正在加载图像之前获取画布数据。加载图像是异步的。如果您愿意这样做（使用小提琴）：

fabric.Image.fromURL（imageObj.src，函数（myImg）{
canvas.add（myImg）；
var pngURL=canvas.toDataURL（）；
console.log（pngURL）；
$（'#占位符'）.html（''）；
});

它将无法工作，因为图像来自不同的域。如果您的实际项目在同一个域上有图像，您可以尝试上面的代码。如果它来自不同的领域，那么它将比你的逻辑更加复杂

<div id="custom-label" style="position: absolute; right: 0px; top: 50px; z-index:10; width: 512px; height: 256px; border: 1px solid #7d8d20">
  <canvas id="draw-area" width="512" height="256" style=""></canvas>
</div>

fabric.Image.fromURL(imageObj.src, function(myImg) {
                canvas.add(myImg); 

                var pngURL = canvas.toDataURL();
                console.log(pngURL);

                $('#placeHolder').html('<img src="'+pngURL+'"/>');

              });