drawImage
キャンバスタグが必要で、もう一度保存します。そして、私deferred.done()
はjQueryを使用しています。
ここに私が使用するコードがあります:
function save_submit() {
LoadDraw().done(function(){
var canvas = document.getElementById('touchpaint');
var ctx = canvas.getContext('2d');
var image = canvas.toDataURL();
});
var LoadDraw = function () {
var r = $.Deferred();
var canvas = document.getElementById('touchpaint');
var ctx = canvas.getContext('2d');
var imageLoader = 'http://img262.imageshack.us/img262/3453/gokum.jpg';
var img = new Image();
$(img).load(function (){
ctx.globalCompositeOperation = "destination-over";
ctx.drawImage(img,0,0);
});
img.crossOrigin = '';
img.src = imageLoader;
r.resolve();
return r;
}
Firefox では問題なく動作します。ただし、Chrome と Safari では機能しません。助けを求めています。ありがとうございました。