HTMLキャンバスに長方形を描くとしましょう：
draw.rect(x, y, w, h, color); // color red
長方形を描いたら、同じキャンバスに円を描きます。
draw.circle(x, y, d, color); // color green
円の座標をランダムに生成する必要があります。
どちらの描画関数もループ内 (間隔を設定) とキャンバスのクリア関数の中にあります。
長方形の上に円を描かないようにする方法があるかどうか疑問に思っています。
簡単な通常の状況では、長方形の最後の座標を覚えて、円に別の座標を選択するだけですが、他の理由でそれができません。
キャンバス上に描かれた四角形の色を確認し、その色の上に円が描かれないようにすることはできますか？
背景画像の色を分析する方法は知っていますが、上記が可能かどうかはわかりません。私が使用する背景画像の場合：
ctx.getImageData()