canvas - drawImage でキャンバスに作成した動画

Question

キャンバス内で画像を移動するにはどうすればよいですか? += または -= で変更できる x\y 座標はありません。

Answer 1

キャンバスは直接描画面です。キャンバスのような呼び出しを行うdrawImageと、コンテキストにビットマップがレンダリングされ、何が起こったかが忘れられます。それは何も追跡しません。

つまり、すべてを追跡する必要があります。移動した画像が必要な場合は、キャンバスをクリアして、以前とは異なる場所で画像 (およびシーン内の他のすべて) を再描画する必要があります。

これはさまざまな形で出てくるので、描画されたオブジェクトの状態とキャンバスの対話性を管理するチュートリアルを作成しました。これは、このトピックの適切な紹介として役立ちます。このチュートリアルでは、画面上でドラッグできる四角形を使用していますが、画像の使用方法はほぼ同じです。