• 締切済み

GIFの座標を拾ってくれるソフト

白地に黒のラインで書かれたGIFの絵の、座標を上手い具合に数値にして、テキストか何かに吐き出してくれるそんな、ソフトはないでしょうか。。。HTML上で、イメージマップの <AREA ~ coords=・・・ に続く座標を数値で拾いたいのですが、ホームページビルダーで手でひとつひとつやるとしんどいし、綺麗に外周に沿ってくれません。何かいい知恵はありませんでしょうか。

  • yasu
  • お礼率79% (173/218)

みんなの回答

  • oodaiko
  • ベストアンサー率67% (126/186)
回答No.3

>自動で座標を拾ってくれるようなもの というのがどの程度の要求なのかよくわかりませんが、マウスで範囲を指定すると必要な座標データを吐いてくれる程度のものなら下のサイトにたくさんあります。 「クリッカブルマップエディタ」とか「クリッカブルマップ作成支援」などというやつです。いろいろなタイプがありますからよりとりみどりです。 >日本地図とかをクリッカブルマップを作成したいのですが >そうすると膨大なポイントが必要なので ん…なんか私の回答はハズしているような… もしかしてホームページビルダーにはすでにそういう(マウスで指定した部分の座標を求める)機能はついているが、yasuさんの要求と言うのは 「県ごとに県境を近似するポリゴンを手作業で描いて座標を求めるのは大変だ。だから地図のような線画が与えられたら、それに含まれるすべての領域に対してそれぞれを適当に近似するようなポリゴンの座標を自動的に求めてくれるソフトが欲しい」 ということでしょうか。そうであれば私の回答は完全にハズしてますね。すみません。 ただあえて余計なことをいわせて頂ければ、クリッカブルマップの場合、無理に複雑な県境をトレースしなくても適当な長方形や楕円で十分ではないかと思います。 複雑に入り組んだ県境を忠実にトレースすると、県境近くでクリックした場合、利用者が意図したのとは違う場所に飛んでしまうこともありえます。 利用者の立場からいえば県境付近はクリッカブルになっていない方が、県の区別がはっきりして良いと思います。

参考URL:
http://www.vector.co.jp/vpack/filearea/win/net/htmledit/support/index.html
yasu
質問者

お礼

ありがとうございました。 おっしゃるように、ポリゴンの座標を自動的に拾ってくれるソフトはないものかと、質問させていただいた次第です。教えていただいたURLも含め、いろいろあれからも探してみましたが、ありませんでした。。。 でも、根性で全部座標を拾いました(笑)。 忠実にトレースしないのも考えたのですが、何故だかこだわりたいところでした。 情報に感謝いたします。

noname#3495
noname#3495
回答No.2

Linuxならg3dataという優秀なソフトがあるのですが・・・ というかLinuxな人なら自分でソフトを作っちゃいますね。 すいませんでした。m(__)m

yasu
質問者

お礼

ありがとうございます。 Windows環境でページを作成します。 アップするサーバーは、Linux ようです。 これで、おっしゃるツールは適用できるのでしょうか。 片っ端から、フリーソフトを試してみましたが、 残念ながら、自動で座標を拾ってくれるようなものは みつけられませんでした。 けっきょく手でひとつひとつ座標を押さえていくしかない ようです。 日本地図とかをクリッカブルマップを作成したいのですが そうすると膨大なポイントが必要なので、困っていた次第です。情報に感謝します。

  • X-Terra
  • ベストアンサー率48% (25/52)
回答No.1

個人ページはURLを教えられないと思うので、ヒントを。 googleで、「GIF area フリーソフト」というキーワードで探せば、結構出てくると思います。

参考URL:
http://www.google.com/
yasu
質問者

お礼

ありがとうございます。 おっしゃるキーワードで、いくつかツールを見つけることができました。なかなか優れているものもあったのです が、残念ながら自動で座標を拾ってくれるようなものは みつけられませんでした。 けっきょく手でひとつひとつ座標を押さえていくしかない ようです。 日本地図とかをクリッカブルマップを作成したいのですが そうすると膨大なポイントが必要なので、困っていた次第です。 情報に感謝します。

関連するQ&A

  • img 上の任意の座標範囲の色を変えたい

    img タグで読み込んだ画像上に、map/area 属性を付加した以下のような HTMLがあります。coords で指定された座標範囲に対して透明度30% 程度の オーバーレイを掛けたいと考えています。 CSSとJavascriptでこのような効果を与えることは可能でしょうか。 <map name="map"> <area shape="rect" coords="0,0,100,100" href="url1"> </map> <img SRC="gif" BORDER=0 usemap="#map" height=100 width=200> 本当は、画像そのものに色をつけてしまうべきなのですが、 表示するたびにオーバーレイする座標が変わってしまうため、 画像を再作成する負荷を減らすためにCSS とJavascriptで対応したいです。 よろしくお願いします

  • イメージマップで文章を表示したい。

    下記の例のように、「map.gif」という画像の各箇所ごとにそれぞれのリンクを貼るのは下記の方法で出来ると思うのですが、 「coords="22,11,122,62"」にマウスが乗ったときに指定した箇所に文章を表示するにはどうしたらよいのでしょうか? ※それぞれの箇所によって、それぞれ違った文章を表示したいです。 ※「map.gif」という画像が表示されている上段(下段でもOK)に枠を作って、その中に説明文が表示される仕組み。 <img src="map.gif" alt="サンプル" usemap="#sample"> <map name="sample"> <area shape="rect" coords="22,11,122,62" href="map1.html" alt="リンク1"> <area shape="circle" coords="184,86,30" href="map2.html" alt="リンク2"> <area shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html" alt="リンク3"> <area shape="default" href="map4.html" alt="リンク4"> </map> 宜しくお願いします。

    • ベストアンサー
    • HTML
  • Javascriptのマウスオーバー

    Javascriptでのマウスオーバーで、Mapを使って画像上に範囲指定しているリンク範囲にボーダーを表示させたいと考えています。 HTMLは、 <html> <head> <title></title> </head> <body> <img src="aaa.gif" border="0" usemap="#Map"> <map name="Map"> <area shape="rect" coords="78,200,228,241" href="bbb.html"> <area shape="rect" coords="326,168,476,209" href="ccc.html"> <area shape="rect" coords="78,141,228,182" href="ddd.html"> </map> </body> </html> このようになっています。 この状態で、マウスオーバー時にリンク範囲をボーダーで囲みたいと思っています。 JavascriptやCSSとの組み合わせ等でいろいろ探してみたのですが、どうしても上手くいきませんでした。どうしたらいいのか教えて下さい。 また、JavascriptやCSSでなくとも同じ事が出来るのでしたら、それで構いません。 どうか宜しくお願い致します。

  • <map>の切り替え

    ウェブサイトを作っているのですが、たぶんJavaScriptだとできると思うのでどなたか分かればと思い、投稿しました。 操作的には、 <body> <div><img src="aaa.gif" usemap="#map01" border="0" name="changeImage"></div> <!--▼クリックエリア範囲01の場合--> <map name="map01"> <area shape="rect" coords="0,0,30,30" href="javascript:document.changeImage.src='bbb.gif'";> </map> <map name="map02"> <!--▼クリックエリア範囲01の場合--> <area shape="rect" coords="0,0,20,20" href="bbb.html"> </map> </body> のような感じで、初期設定のusemapがmap01なので、最初クリックする時は、map01のクリックエリア範囲でそのaaa.gifがbbb.gifに変わります。そして、bbb.gifに変わったとき、クリックエリア範囲を<map name="map02">にしたいのです。 できますでしょうか? 一応補足しておきますが、操作的には違う画面を出すとか、新しい画面に行った時、とかではないです。 同じ画面上の操作です。

  • テーブル内の行の間に隙間ができてしまいます

    いつもお世話になります。 dreamweaverCS2でホームページを作っています。 2行1列のテーブル内のセルそれぞれに画像を配置しているのですが、 IE6で表示すると、行(画像)と行(画像)の間にスペース(白い)ができてしまい、 画像同士がくっつきません。 上の行にはイメージマップを使用しています。 なんとか画像をくっつけた状態で表示したいのですが、どこに問題があるでしょうか。 画像の大きさは上の行のものが742*69 下のものが742*18です。 ちなみにHTMLは下記のようになります。 また、Netscape7.1やsafariではくっついた状態で表示できます。 困っています。よろしくお願いします。 *****以下HTML************ <table border="0" cellpadding="0" cellspacing="0" width="742" > <tr> <td width="742" > <img src="images/header1_1.gif" alt="" width="742" border="0" usemap="#hd1_Map" vspace="0"/> <map name="hd1_Map"><area shape="rect" coords="260,50,366,65" href="index.html" alt="Homeへ" /> <area shape="rect" coords="367,50,475,65" href="about.html" alt="***について" /> <area shape="rect" coords="476,50,590,65" href="members.html" alt="****一覧" /> <area shape="rect" coords="591,50,700,65" href="syukketsu.html" alt="***" /> </map></td> </tr> <tr> <td><img src="images/subnavibar1.gif" alt="" width="742" border="0" vspace="0" /></td> </tr> </table> ****ここまで****

  • クリックしてリンク先に移動する地図をwebに掲載しましたが

    ホームページに地図の画像を掲載して、 その地図にいくつかのクリックできるポイントを設定し、 それぞれリンク先に移動するようにしました。 IEではキレイに地図の画像が表示できているのですが、 FireFoxとか、Netscapeでは地図に青い外枠が表示されます。 赤を基調にしたサイトなので不自然な感じがして困っています。 どのようにこれを回避したらよいのでしょうか。 具体的に下記付け加えるもの等ございましたら教えてください。 よろしくお願いします。 <MAP NAME=map1> <AREA SHAPE=rect COORDS="112,2,196,28" HREF="room1.htm"> <AREA SHAPE=rect COORDS="213,3,298,28" HREF="room2.htm"> <AREA SHAPE=rect COORDS="310,2,399,28" HREF="room3.htm"> <AREA SHAPE=rect COORDS="413,2,495,28" HREF="room4.htm"> <AREA SHAPE=rect COORDS="513,1,594,27" HREF="room5.htm"> <AREA SHAPE=rect COORDS="614,2,701,28" HREF="room6.htm"> </MAP><IMG USEMAP="#map1" SRC="worldmap.gif" WIDTH=702 HEIGHT=29 ALIGN=bottom>

    • ベストアンサー
    • CSS
  • イメージマップからのウインドウサイズ

    前回に引き続き、ウインドウサイズのことで質問です。 ホームページビルダー2001で、イメージマップを作り、部分をクリックして 別ウインドウを開くときに、上手くウインドウサイズの指定が出来ません。 部屋の絵を描いて、テレビや本棚をクリックするとそれぞれ 写真が出てくる、ということをしたいのですが、前回教えてもらった Scriptを挿入するだけでは指定したウインドウサイズでは 開くことが出来ませんでした。 var swImg; swImg=new Array; //--> </SCRIPT><SCRIPT language="JavaScript"> <!--HPB_SCRIPT_PLD_50 HpbImgPreload('_HPB_ROLLOVER1', 'goback.gif', 'goback1.gif'); //--> </SCRIPT></HEAD> <BODY bgcolor="#ffffff" text="#996666" link="#cc0000" vlink="#663333" alink="#cc9999" background="w3b.gif"> <P align="center"><IMG src="broomlogo.gif" width="664" height="71" border="0"></P> <P align="center"><IMG src="bigroom.gif" width="496" height="336" border="1" usemap="#bigroom"><MAP name="bigroom"> <AREA shape="rect" coords="180,11,228,37" href="pc.htm" alt="パソコン。" target="_blank"> <AREA shape="poly" coords="455,199,460,209,456,215,456,229,454,237,449,228,450,215,450,202,455,197,456,197,456,196" href="guitar.jpg" alt="57年レプリカのフェンダーストラトキャスター。" target="_blank"> <AREA shape="default" nohref> </MAP></P> </BODY> </HTML> これをどういう風にすれば、クリックしたときにサイズ指定した ウインドウを開くことが出来るのか、教えて下さい。

  • 画像の一部を選択した時のみマウスポインタを変更

    <img src="img.gif" usemap="#sample" border="0"> <map name="sample"> <area shape="rect" coords="10,10,10,10" alt="sample" name="ex"> <area shape="rect" coords="10,10,10,10" alt="sample" name="ex"> </map> というようにスポットエリアを利用して、 そのエリアにカーソルを合わせた時に、 カーソルの形を変えるというような指示はできないでしょうか。。。 style="cursol:xxxx"; を利用するのかと思ったのですが、 できなかったので、、、、。

    • ベストアンサー
    • HTML
  • JavaScriptとUsemapの切り替え

    JavaScriptとイメージタグのusemapを併用して、ボタンを押すと画像とusemap両方が切り替わるというものを考えています。そこで下記のように考えてみました。しかし、画像は切り替わったのですがusemapが切り替わることは一切ありませんでした。ブラウザはFirefox3.5で想定しています。他の質問も見てみましたが改善はしませんでした・・・ (HTML側) <img name="im" src="room1.gif" alt="イメージ" usemap="#room1"> <map name="room1"> <area shape="rect" coords="1,1,150,200" onclick="ASet()" alt="1"> <area shape="rect" coords="1,201,150,400" onclick="BSet()" alt="2"> </map> <map name="room2"> <area shape="rect" coords="151,1,300,200" onclick="CSet()" alt="3"> <area shape="rect" coords="151,201,300,400" onclick="DSet()" alt="4"> </map> <form name="kirikae"> <input value="1へ" onclick="Kirikae('room1.gif','#room1')" type="button" name="A"> <input value="2へ" onclick="Kirikae('room2.gif','#room2')" type="button" name="B"> </form> (JavaScript側) function ASet(){ alert("てすと1"); } function BSet(){ (中略) function Kirikae(mapname,usename){ document.im.src = mapname; document.im.usemap = usename; }

  • GIFイメージが表示されません

    私のパソコンからBIGLOBEのホームページを開けると BIGLOBEのホームページの一番左上にある BIGLOMEのイメージロゴ(水玉みないなの)(GIFイメージ)が表示されておらずその部分は白地のままになっています またロゴの右よこの青いラインのデザインも表示されておらず白地のままになります(HTMLドキュメント) それ以外はどうやら表示されているようです 何が悪くて表示されないのか全く見当がつきません 最近ヤフーからBIGLOBEにプロバイダ変更してはじめて気がついたので、いつから写らなくなっていたのかということもわからず、きっかけもわかりません。IEを8にしてみましたが変化無しです どうか 詳しい方がいらっしゃいましたら 教えて頂けないでしょうか なにとぞ 宜しくお願い申し上げます

専門家に質問してみよう