キャンバスに長方形を描いたとします。確かに、XY座標とその長方形の寸法を取得するための何らかの組み込みメソッドがありますか? しかし、いくつかのグーグルの後、私は何も思いつきませんでした。明確にするために、キャンバス要素自体の座標について話しているのではなく、キャンバスに描画される形状/画像について話しているのです。
どんな助けでも大歓迎です。
キャンバスに長方形を描いたとします。確かに、XY座標とその長方形の寸法を取得するための何らかの組み込みメソッドがありますか? しかし、いくつかのグーグルの後、私は何も思いつきませんでした。明確にするために、キャンバス要素自体の座標について話しているのではなく、キャンバスに描画される形状/画像について話しているのです。
どんな助けでも大歓迎です。
2D キャンバスの描画について話している場合、描画は画面座標で 1:1 にマップされるため<canvas>
、描画の位置 + の位置になります。
明確にするために、<canvas>
基本的にキャンバスに描画すると、キャンバスのピクセルが変更されるだけです。キャンバスに描画した後、html要素を参照できるのと同じ方法で描画されたオブジェクトを参照することはできません。
Canvas は、数値 (= ピクセル = 色) の 2D テーブル (配列) です。キャンバスに描画するときは、このテーブルを編集しているだけです。キャンバスに描画するとき (= 表の数字を変更するとき)、調整の座標はどうあるべきですか?
長方形のみを描画していて、長方形の座標を定義できる場合は、描画したばかりなので、プログラム内で座標を知る必要があります。
画像をいくつかの「オブジェクト」(形状) に分割したい場合は、SVG を使用する必要があります。