javascript - KineticJS 中的 stage.toDataURL 不起作用

Question

这是我装饰舞台的方式：

every time user drag an image outside KineticJS:
    create a image onto where it is dropped
    layer.add(new_image)
    stage.add(layer)
finally:document.getElementById('save').addEventListener('click', function() {
    stage.toDataURL({
        callback: function(dataUrl) {
        window.open(dataUrl);
        }
    });
}, false);

并且在 html 中有一个 id=save 的按钮

所有图像都来自我的本地机器。有什么建议么？谢谢！！

Answer 1

您不应该layer在stage每次添加图像时都添加 。你应该做的是：

 layer.add(new_image);
 layer.draw(); //draws the new image added to the layer

此外，您的方法看起来是正确的，实际上，如果您还没有检查它，toDataURL它看起来与本教程完全一样。