kineticjs - KineticJS 数据到 URl 进入标签而不是新窗口

Question

我正在制作一个类似于KineticJS 拖放示例的游戏。我将它与保存图像功能结合起来，这样用户就可以保留他们所做的最终结果。

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

我认为这要么是对

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

或者之后的一些额外代码？

任何帮助将不胜感激。

Answer 1

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

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
});