1

KineticJSのドラッグアンドドロップサンプルに似たゲームを作成しています。これを画像の保存機能と組み合わせて、ユーザーが作成したものの最終結果を保持できるようにしました。

結果のキャンバスの画像の配置を制御する方法を知っている人はいますか？ユーザーが自分の画像をFacebookに共有/投稿したり、メールで送信したり、保存したりするためのオプションを含めたいと思います。

私はそれが

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

または後にいくつかの余分なコード？

どんな援助でも大歓迎です。

4

1 に答える 1

0

あなたは正しいでしょう。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
});
于 2013-01-11T14:28:17.737 に答える