链接点击后，将FabricJS画布保存为JPG / PNG

Question

我正在使用FiberJS创建模板，我使用以下方法在链接点击时触发保存弹出窗口。但是当调用canvas.toDataURL（）时，它不保存任何内容或不返回任何数据。

<a id="canvasdownload" download="canvas-image.png" href="">Download</a>

$('a#canvasdownload').click(function(){
    $(this).attr('href', canvas.toDataURL());
    alert(canvas.toDataURL());
}); 

但是这会保存一个带有错误的空白图像。使用原生画布行为，这可以正确保存，但不能在使用FabricJS后保存。我该如何解决这个问题？

检查demo。