1

現在、HTML5 Canvas を試しています。

私は現在、線を描くことができるシンプルな小さなペイントアプリを作成しました。

画像をbase64で保存できるようにしました。var dataUrl = document.getElementById('your-canvas').toDataURL(); を使用

その画像を取得して、サーバー (または任意の場所) に保存し、既に存在する画像を置き換え/上書きすることができるかどうか疑問に思っていました。

これの目的は、保存した画像をキャンバスの背景として使用することです。次に、誰かがキャンバスに描画して保存をクリックするたびに、その描画が背景画像として保存されるため、次の人が最後に描いたものを見ることができます。

基本的には公共のインターネット ホワイトボードです。

これが可能かどうかを誰かに教えてもらえますか?また、正しい方向性 (コード言語、チュートリアルなど) を教えてもらえますか?

ありがとう。

4

1 に答える 1

0

次のように画像を表示または保存できます:</p>

$imgData = $_POST['data'];

$imgData = str_replace(' ','+',$_POST['data']);
$imgData = preg_replace('/^data:image\/(png|jpg);base64,/','',$imgData);

header("Content-type: image/png");
echo base64_decode($imgData);
于 2012-10-10T02:45:03.433 に答える