html - マウスオーバーを使用したHTML5の複雑な形状

Question

GoogleがYoutubeの分析セクションで地図データを作成した方法を知っている人はいますか？

マウスオーバーは適切な場所にあります。つまり、マウスが米国からカナダに移動するとき、カナダが焦点の対象になります。私のHTMLの知識によると、ブラウザーは正方形の形状しか認識しません。リモートで複雑な形状を作成する場合は、多くのコーディングを行う必要があります。

たとえば、ホームアイコンの左傾斜は、マウスイベントを取得しません。p.walkleftstudios.com/am2.1HTML5キャンバスと少しの三角法を使用して実行されます。

たとえば、この例では、それを完全に省略しています（キャンバスは煩わしくて操作できませんでした）p.walkleftstudios.com/am2.2

コードにSVGタグを見たことがありますが、これはおそらく魔法が起こる場所です

score 1 · Accepted Answer

ほとんどの Google サービスは、データの視覚化に GViz を使用しています。データ入力に基づいてマップチャートを描画する場合は、そのための API があります。

GViz の出力は、古い IE ブラウザ用の SVG または VML であるため、古いブラウザ、新しいブラウザ、デスクトップブラウザ、モバイルブラウザなど、どこでもグラフを使用できます。

score 0 · Accepted Answer

0

あなたが探しているのはimage mapsだと思います。

于 2012-12-23T22:08:03.950 に答える

2 に答える 2