1

Javascript コード :

window.onload = function () {
var canvas=document.getElementById("can");
var img=canvas.toDataURL("image/png");
var button = document.getElementById('saveImage');

    img.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA'+
                'AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO'+
               '9TXL0Y4OHwAAAABJRU5ErkJggg==';
    button.onclick = function () {
    window.location.href = img.replace("image/png", "image/octet-stream");
    window.location.href = prev;
             };
     };

HTML:

<canvas id="can" width="500" height="200"></canvas><br />
<input type="button" value="Done" id="saveImage">

キャンバスから div に画像を表示できますが、上記の JavaScript 関数を使用してダウンロードしようとすると、空白の画像がダウンロードされます。キャンバスから絵を描く方法を知りたいです。

4

1 に答える 1

1

こちらをご覧ください: http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/

直面する可能性が高い最大の問題は、canvas 要素を含むページと同じサーバーにしか画像を保存できないことです。次に、その保存された画像を (サーバー側またはクライアント側のいずれかで) 取得し、ユーザーに保存するように求める必要があります。

編集：

サーバー側のコードが少し必要ですが、これの方が良いかもしれません 。

于 2012-09-19T10:09:21.913 に答える