4

出力ページ: http://tinyurl.com/9stfo3p コード: http://tinyurl.com/8wz9krj

直接の質問: これにアプローチする方法が間違っているのでしょうか、それとも HTML5 は 1 つのキャンバスで非常に多くの画像を処理できないのでしょうか?

詳細: 完成させたいドレスアップ機能のコードをテストするために、PhP、HTML5、および Javascript を使用してスクリプトを作成しました。私が終わったとき、それはうまくいきました。次に、ページの更新を開始して、キャンバスの読み込み/応答の速さを確認しました。

一部の画像が表示されないことがあり、さらに数回更新した後、キャンバスに何も表示されませんでした。

この方法でコードを決定したので、GD ライブラリを気にする必要はありません。また、アニメーション GIF を追加したい場合でも、コードにあまり多くのことをする必要はありません (または、少なくとも、私はしません)。しなければならないと思います)。

4

1 に答える 1

2

Canvas は、好きなだけ画像を処理できます。

あなたの場合、DOM の準備が整う前にメソッドをすぐに呼び出しUncaught TypeError: Cannot call method 'getContext' of nullているため、 が表示されます。window.onload = draw()draw

次のように変更するだけで機能するはずです。

window.onload = draw;

私はあなたのコードをフィドルに入れました。ここで正常に動作することがわかります

于 2012-09-24T01:04:40.723 に答える