-1

人々がキャンバスを何に使用するかを理解しようとしていますか?

Definitive JavaScript でそれについて読んだ求人情報でそれを見ましたが、それが何に使用されているのかよくわかりません。

2D または 3D (通常は 2D ) オブジェクトを描画できることは理解していますが、Gimp または Photoshop を使用して画像をアップロードしない理由はありません。

たとえば...ユーザー固有のデータに基づいて動的な画像を作成できるようにするためですか?

実用的な例、またはおそらくキャンバスの専門的な実装へのリンクは何ですか (明確な JavaScript は、円を描くような基本的なものを表示します)。

MDN チュートリアル

4

4 に答える 4

5

キャンバスを使用してグラフを描画しましたが、ブラウザーがをサポートしていない場合は、PHPで生成された画像を要求することにフォールバックし<canvas>ます。サーバーへの負荷が少なくなるため、サーバーからクライアントに処理を委任することをお勧めします。つまり、サーバーが「ここにある」という代わりに、「ここにデータとそれを表示するための指示があります」のようなものです。

私が見たもう1つの用途は、マウスを合わせたときにイメージマップの領域を強調表示することです。

<canvas>ゲームビューポート全体を描画するために使用されるため、HTML5ゲーム開発の中心です。それがなければ、ゲームはありません。

于 2012-09-21T16:30:32.497 に答える
1

<canvas>を使用して、eコマースストアでアパレル用のインタラクティブなデザインエディターを作成しました— http://printio.ru/tees/new

私たちが提供する種類の双方向性は、最近までFlashでのみ可能でした。

バックエンドでも、Node.jsと<canvas>ベースの画像処理+生成を使用して、オンラインエディターからデータを取得し、後でストアで使用されるデザインを作成します。これらのキャンバスで生成されたデザインは、最終的にTシャツ、マグカップ、キャップ、バッグなどに印刷されます。

それはかなり実用的な例だと思います:)

これはすべて、Fabric.jsキャンバスライブラリ(私たちも開発)を介して行われます。

于 2012-09-21T19:04:21.460 に答える
1

たとえば、ユーザー固有のデータに基づいて動的な画像を作成できるようにするためですか?

はい

于 2012-09-21T16:29:55.993 に答える
0

<canvas>より良いパフォーマンスのために使用されます。<canvas>jpeg などよりもはるかに高速で動的です。例:背景にはhttp://www.profistart.com/internetseiten.htmlを使用しました。<canvas>

于 2014-10-01T21:57:01.877 に答える