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 的按钮

所有图像均来 self 的本地计算机。有什么建议么？谢谢!!

Answer 1

您不应在每次添加图像时都将图层添加到舞台。你应该做的是:

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

此外，您的 toDataURL 方法看起来是正确的，事实上它看起来完全像这样 tutorial如果您还没有检查过。