5

画像の特定の部分をクリックして、マップエリアの座標を動的に生成する方法があるかどうか疑問に思いました。これは、完全な画像マップを生成するためです。

例として、私はこの画像を持っています:

ここをクリックして画像を表示...

それをクリックして、定義された各領域の座標を生成し、次のように出力します。

<input type="text" name="36" value="25,11,25,117,47,117,46,29,83,31,84,8" />
<input type="text" name="37" value="83,12,103,32" />

等...

次に、これをデータベースに保存して、後で使用および処理できるようにします。

このウェブサイトと同じようなことをしたいのですが、もっと簡単です。ユーザーが何をしているかを確認できるように描画している間、線を表示する機能を維持する必要があります。もちろん、座標を取得する必要があります。

オンライン画像マップエディタ

すでにこの仕事をしているjqueryプラグインはありますか、またはjqueryまたはjavascriptを使用してこれを達成するにはどうすればよいですか?

よろしくお願いします

4

2 に答える 2

2

ImageMapster jQueryプラグインを確認してください: http ://www.outsharked.com/imagemapster/default.aspx?demos.html

于 2012-10-14T13:56:49.120 に答える
2

同じ要件がありました。そして、この jQuery プラグインを使用することになりました: http://odyniec.net/projects/imgareaselect/

それが役に立てば幸い。

于 2013-07-27T10:58:15.573 に答える