HTMLイメージマップでは、これが現在のプロジェクト<a href="http://bit.ly/t43Sap" rel="nofollow">http://bit.ly/t43Sap</a></p> <p>である、それはここで私の落書きのようにそれを行うことが可能である、

Question

[OK]を色を選択することができますか？ http://bit.ly/rqpoY1

私は100〜500ドルを支払います！

Answer 1

問題を解決するにはどうすればよいですか？ http://www.outsharked.com/imagemapster/examples/usa.html

これはImageMapster jQueryプラグインです。上記のデモをご覧ください。イメージマップを使用して、イメージにロールオーバーとアクティブステートを追加できます。 CSSや代替画像を使用して設定できます。

あなたは2つの画像を持つことによって、あなたが何をしているかを達成することができます。すべてが「オフ」であり、すべてが「オン」であるもの。これを代替イメージとして設定すると、ソートする必要があります。一度に2つ以上をハイライト表示し、ページがロードされるときに強調表示されるイメージマップ領域を設定できるように、イメージマップ領域をグループ化できます。

これはかなり文書化されており、私の仕事のために何度も便利になっています。

必要に応じて、他の関数をjQueryを使って追加できます。

http://www.outsharked.com/imagemapster/default.aspx?docs.html

Answer 2

2つの溶液が頭に浮かぶ：

• 透明な背景を持つ、すべての可能な色（あなたがすでにやった書き込みなど）で、separatly各部分とPNGやGIFファイルを作成します。あなたの写真を構成するために、それぞれを別のレイヤーとして重ねて表示します。次に、上に完全に透明な画像を配置し、その上に画像マップを定義します。次に、イメージマップ上に適切なクリックハンドラを作成するだけで済みます。クリックするごとに、適切な画像部分のソースが、要求された色の画像に変更されます。
• グラフィックを<canvas>として表示し、javascriptを使用して色を変更します。 <canvas>タグでサポートされているとは思わないので、イメージマップで透明オーバーレイが必要です。このソリューションは、すべてのターゲットブラウザがHTML5キャンバスをサポートしている場合にのみ使用できます。

必要はありません報奨金、感謝:)

Answer 3

はい、HTML5 canvasで行うことが可能です。 Mozillaはan excellent tutorial about thisです。