ページ上に円形のクリック可能領域を実装するにはどうすればよいですか?

1. マップ+エリア

DWソフトウェア実装方法ビデオ:

2. 境界半径(H5)

1. スタイル> .circle{

2. カーソル: ポインタ;

3. / *テキスト設定*/

4. 左:50px;

5. 行の高さ: 100px;

6. テキストの整列:

7. 背景色: dimgray; lt;/

   スタイル

   >
3. 点が円上にあるかどうかを調べたり、マウス座標を取得したりするための単純なアルゴリズムを実装します。 2 点
11. |AB|=Math.abs(Math.sqrt (Math.pow (X2 - 円の内側にない情報は円の外側に表示されます

12. document.onclick=
function( e){

14. var r=50;

    //円の半径

16. var x1 =100,y1=100,x2= e.clientX;y2= e.clientY;

17. //マウスポイントの位置と円の中心の間の距離を計算します

var len=Math.abs(Math .sqrt(Math.pow(x2-x1,2) )+Math.pow(y2-y1,2)));

if(len

console.log(

"inside")
} else{

console.log(

"外側")

}

1. }

以上がページ上に円形のクリック可能領域を実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。