描き間違いがあったときに一つ前の状態に戻る機能がほしくなったので、その機能を追加することに。とりあえず、五回分を保存できるようにしてみた。塗りつぶし機能よりは簡単に実装できました。 以下、JavaScriptのコード var imageMemory = new Array(5); // キャンバスのイメージの保存用配列 var flagMemory = 0; // 現在のキャンバスの番号 $('#backBtn, #forwardBtn').attr('disabled', true); // 現在のキャンバス状態を保存 function saveImageData(){ // 現在の状態を保存 if(flagMemory == imageMemory.length-1){ imageMemory.shift(); }else{ ++flagMemory; } if(flagMemory
タイトルの通りなんですけども…。 var image = new Image(); images.src = "data:image/jpeg;base64,..."; var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); ctx.drawImage(image, 0, 0); はダメで、 var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); var image = new Image(); images.onload = function() { ctx.drawImage(image, 0, 0); } images.src = "data:image/jpeg;base64,..."
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く