MapHilightの使い方を理解しようとしていますが、あまり運がありません。その上での唯一の「ドキュメント」は、いくつかの実用的な例にすぎないようです。これは、プラグインをホストしているサイトがダウンしているように見えることが原因である可能性があります。また、昨日JQueryを学んだばかりなので、それが私の進歩を妨げているかどうかはわかりません。私がやりたいのは、画像マップのハイライトのルックアンドフィールをエリアごとに指定することです。David Lynchの簡単なデモはこれを示していますが、それがどのように機能しているかはわかりません。彼がなぜ画像を使用するのか、それを含むdivの背景があり、キャンバスがどのような目的を果たしているのかわかりません。これが私がこれまでに持っているものです:
...
<script type="text/javascript">
$(function () {
$('#ImageMap1').maphilight();
});
</script>
</head>
...
<div style="float: left">
<img id="ImageMap1" src="solar_system.jpg" usemap="#ImageMapmapAreas" />
<map id="ImageMapmapAreas" name="ImageMapmapAreas">
<area alt="" title="" href="#Jupiter" coords="222,186,28" shape="circle"/>
<area alt="" title="" href="#Earth" coords="135,194,13" shape="circle"
data-maphilight="{'strokeColor':'0000ff','strokeWidth':5,'fillColor':'ff0000','fillOpacity':0.6}"/>
</map>
</div>
これにより、デフォルトで赤い実線が強調表示されます。data-maphilightメタデータは使用されていません。これを機能させる方法の説明は素晴らしいですが、私は最終的にこのデモのほとんどすべてを利用したいので、maphilight全体の使用方法を説明するリソースに私を導くことはさらに良いでしょう。