ページのカーソルを「懐中電灯」（たとえば円）に変更し、その上に光（円）を通過させたときにのみ画像を表示したい場合、これを行うための最良の方法は何でしょうか？cssクリップを使用していますか？しかし、それでは長方形しかできないので、キャンバスを使用する必要がありますか？おそらく、2つの画像を交差させる簡単な方法がありますか？
質問する
7844 次
1 に答える
9
キャンバスでこれを簡単に行うことができます。
次に例を示します。
マウスを動かすたびに、キャンバスをクリアし、画像を再描画し、長方形を切り取った円であるクリッピング領域を作成し、キャンバス全体に黒を描画します (クリッピング領域にのみ描画されます)。
わかる？
この効果と同様の効果を達成する方法はたくさんあります。キャンバスの魔法を少し使って、もっと凝った光源を作ることもできます。たとえば、ここで私の答えを参照してください:キャンバス - 完全に透明なすべての領域で四角形を塗りつぶす
于 2012-06-29T14:14:10.760 に答える