KineticJS数据将URl转换为<img>标签而不是新窗口

Question

我正在制作一个类似于KineticJS拖放示例的游戏。我将其与保存图像功能相结合，以便用户可以保留他们制作的最终结果。

有谁知道我如何控制画布结果图像的位置？我想包括用户将他们的图像分享/发布到Facebook，通过电子邮件发送或保存的选项。

我认为它要么是对

function() {
         stage.toDataURL({callback: function(dataUrl) { window.open(dataUrl);} });  }, false);
      } 

还是之后的一些额外代码？

任何协助将不胜感激。

Answer 1

你是对的。您可以保存数据URL，只需将其作为图像进行操作即可。

var myDataUrl;  //place outside of scope of function for saving
stage.toDataURL({
    callback: function(dataUrl){
      // do something with the data url
      // like window.open(dataUrl); 
      // you can do anything do anything really, like
      myDataUrl = dataUrl;
      var img= new Image(); //or document.createElement('img');
      img.src= myDataUrl; 
      //(new Image()).src = "myDataUrl"; //or the shortcut way
      document.getElementById('container').appendChild(img);
    },
    mimeType: 'image/jpeg',
    quality: 0.5
});