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

所有图片都来自我的本地机器。 有什么建议？ THX !!

Answer 1

每次添加图片时，都不应将layer添加到stage。你应该做的是：

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

此外，您的toDataURL方法看起来是正确的，实际上如果您尚未检查它，它看起来与此tutorial完全相同。