javascript - いくつかの描画されたキャンバスの 1 つをタッチしてドラッグを開始するにはどうすればよいですか

Question

私はゲームを作ろうとしています.2つのキャンバス要素のうちの1つを動かしたいです。1 つの円と 1 つの四角形を描画し、四角形をドラッグしたい。前もって感謝します。

Answer 1

HTML5 Canvas は実際にはビットマップのようなものです。ピクセルの色を設定できます。したがって、何を描いてもピクセルになります。つまり、オブジェクトは作成されません。したがって、Canvas にオブジェクトが必要で、オブジェクトのプロパティ (x、y、回転など) を変更して Canvas のコンテンツを変更する場合は、オブジェクトを使用して Canvas 上のグラフィックを管理する独自のシステムを開発する必要があります。このシステムは、オブジェクトのプロパティを使用してキャンバス ピクセルをクリアおよび更新する必要があります。オブジェクトを適切に管理するには、表示リストも作成する必要があります。

同じ目的で利用できるライブラリもいくつかあります

http://createjs.com/#!/EaselJS

http://www.kineticjs.com/