5

画像付きのhtml5キャンバスがありました。人々はjavascriptを使用して画像を編集/調整できます。最終的には、Facebook ウォールにその画像を投稿するオプションが必要です。私の知る限り、このような要件を満たすことができます

Save Canvas data as image in to my server      -->     Post to Facebook with its image URL   -->    Delete the image on call back.

第一に、この仮定は正しく、第二に

ボタンのクリック時にjavascriptを使用してHTML 5 Canvasをpng画像に保存する方法は? 出来ますか ？

4

2 に答える 2

6

JavaScriptを使用して、キャンバスを特定の画像形式で保存できます

var mycanvas = document.getElementById("whatever"); //get your canvas
var image    = mycanvas.toDataURL("image/png"); //Convert the canvas to image, currently converting to .png
于 2012-11-01T06:24:30.050 に答える
3

まず、Javascript を使用して画像を base64 形式に変換する必要があります。

var canvas = document.getElementById("canvas");
var data = canvas.toDataURL("image/jpeg");

PHPを介して画像に変換し、サーバーに保存します

file_put_contents("myimage.jpg", base64_decode(explode(",", $_GET['data'])[1]));

それで全部です

于 2014-10-06T05:00:13.500 に答える