HTML5 キャンバスに 2 つのブロックがあります。
- 青いブロック、つまりキャンバスに固定
- マウスでドラッグできる黄色のブロック。
誰かが青いブロックの上に黄色のブロックを移動すると、重複または交差領域の色を緑に変更したいと思います。(明確なアイデアを得るために添付の画像を参照してください)
blue + yellow = greenであるため、ブロックの不透明度を変更することでこれを達成する方法はありますか、または 2 つのブロックの重複領域を検索してその領域に緑色のブロックを表示する必要がありますか、または他の方法はありますか?
これを達成するための最良のアプローチは何ですか?