• ベストアンサー

javascriptで画像処理

　javascriptを使って、画像データの拡大縮小、各ドットの判定を行いたいのですが、どのような方法があるでしょう。画像形式は問いませんが、ライブラリを使用して多くの画像形式に対応できるようなものがあれば一番よいと考えています。 　なければ具体的な方法を示していただけると助かります。 　よろしくおねがいします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

各ドットの判定というのが何を指すのかよく分かりません。 ドットの色を判定するという意味なら、javascriptではファイルを読み込めないので不可能です。 画像データの拡大縮小は、htmlのimgタグのheightとwidthを書き換えるだけです。ただし、縮小してもファイルサイズは元のままですし多くのブラウザで画質が落ちるのでお勧めしません。

usamikacho
質問者

お礼

ファイル読み込めないんですね。それじゃ色判定とかドットを操作することは不可能ですね。

その他の回答 (3)

  • k0021
  • ベストアンサー率26% (32/120)
回答No.4

No.3ですが。 <body onload="start()">は、不要です。 jpgとgifは、大丈夫のようですが。 探したら参考になるか分かりませんが。 下記URLの原文表示をクリックして見て下さい。 heightの指定は、cssでは指定出来ませんでしたが。 <img src="xxx.jpg" height="650" alt=" "> 各ドットの判定というのが何を指すのかよく分かりません。

  • k0021
  • ベストアンサー率26% (32/120)
回答No.3

各ドットの判定というのが何を指すのかよく分かりません。 <script type="text/javascript"><!-- function start(){var imgs = document.images; for (var i=0; i<imgs.length; i++) { imgs[i].width = bw; imgs[i].height = bh;} scrollTo(bw,0);} function imgscale(a) {var imgs = document.images; for (var i=0; i<imgs.length; i++) { var w=imgs[i].width, h=imgs[i].height; imgs[i].width = a*w; imgs[i].height = a*h; if(a>1){ var i_ph=1500; if(document.all){ i_ph = document.body.scrollWidth;} else if(document.layers){ i_ph = document.Width;} scrollTo(i_ph,0);}}} //--></script> <body onload="start()"> <a class="tb_n" href="javascript:imgscale(.8)" title="写真が縮小します">縮小</a></div> <a class="tb_n" href="javascript:imgscale(1.2)" title="写真が拡大します">拡大</a></div> 回答に関連するサイトのURLは、わされましたが

回答No.2

くわしくは、しらないのですが http://www.html5.jp/canvas/ref/method/getImageData.html

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • javascriptで画像縮小と拡大は。。

    初心者です。 javascriptで、画像をクリックすると拡大、もう一度クリックすると縮小するには、どうすればよいのでしょうか？？

    • 締切済み
    • Mac
  • iPhone/iPad向けWebサイトで、画像のみの拡大縮小を行う

    iPhone/iPad向けWebサイトで、画像のみの拡大縮小を行う iPad向けにWebアプリを開発しています。 HTMLのページ内に埋め込まれた画像のみをgoogleマップのような感じに拡大・縮小・表示範囲の移動などを、iPadのUI(つまむ・なぞるetc)で行えるjavascriptないしAJAXのコード、もしくはライブラリを探しています。 PC向けのライブラリはjavascriptでもFlashでもいろいろあるようですが、どなたかご存知であれば教えていただけると非常に助かります。

  • 画像を拡大縮小するということは??

    画像を拡大したり縮小したりするということはドットでいうとどうなっているのでしょうか?? またなぜ、画質が悪くなるのでしょうか?? 教えてください!!

  • 画像拡大のみにする場合は。

    こんにちは。はじめまして。 質問致しますどうか宜しくお願い致します。 HPでの画像画像を拡大の方法はわかりましたが 拡大して縮小もして繰り返し、してしいます。 参考にしましたのは下記のHPです。 http://www.wind.sannet.ne.jp/alfix/javascript/img/5.html このプログラムを縮小～画像拡大だけで1回のみで 大きくなった画像を繰り返さずか止まるようにしたいのですが どのように改善すれば宜しいでしょうか？ 詳しい方是非宜しくお願い致します。

  • ページ全体の拡大／縮小が行える、JavaScriptのサンプルを教えていただけますでしょうか？

    ページ全体の拡大／縮小をJavaScriptにて行いないたい（対象はIEのみ）のですが、検索をしてみると、「文字サイズの拡大／縮小」や「画像の拡大／縮小」はよく見つかるのですが、ページ全体の拡大／縮小のサンプルを掲載しているページはあまり見かけません。 検索（"ページ ズーム javascript"等のキーワードで）で何件か見つかって、試してはみたのですが、それらのプログラムですと、私のほうのHTML＋CSSで使用すると、何とも説明しがたいおかしな挙動をしてしまいます。HTML＋CSSの見直しも色々行ってみたのですが、なかなか改善されません。 みなさんがご存知のJavaScriptのサンプル（ページ全体の拡大／縮小）が掲載されているURLを教えていただけますでしょうか？ 教えていただいたサンプルを実装し、色々探ってみたいと思っています。 ※ちなみに、イメージは↓このような感じです。 http://appleworld.com/4tr/

  • ノイズ処理の原理

    カラー画像からある色の抽出を行うに当たって、ノイズ処理を行うことになり、ネットで検索をし処理方法を見つけてきました。 環境はＶＣ++上でOpenCVというＣ言語のライブラリーを使用しています。 処理方法は、openCVの関数を使用し cvPyrDown( imgA, imgB, 7 ); // 7 ピクセル縮小 cvPyrUp( imgB, imagA, 7 ); // 7 ピクセル拡大 といった 前画像に対して、7ピクセル縮小処理を行い、結果画像に対して7ピクセル拡大することによって、ぼやけた感じの画像が完成し、色抽出がうまくできました。 しかし、何故この方法でうまく出来たのかの原理がいまいち分からずすっきりしていません。 よろしければ、誰か理由を教えていただけないでしょうか？？

  • C#から簡単に使える画像処理Cライブラリ

    大量の画像を拡大縮小していて、どうにかこうにか3倍くらいの速さにはしましたが、 やはりC#だと遅くて話になりません。 画像処理はCのほうが良いと教えられましたが、あいにく力不足で、まことに都合の いい話ですが、C#から簡単に使える画像処理Cライブラリはありませんか。お願いします。

  • amazonの商品画像拡大のようなjavascriptライブラリを探し

    amazonの商品画像拡大のようなjavascriptライブラリを探しています。 なかなか見つからず、自分で作るしかないのかと困っています。（javascriptは超初心者・・・）どなたかご存じないないでしょうか？ こちらのような↓ http://www.amazon.co.jp/gp/product/images/B0034KZXBE/ref=dp_image_z_0?ie=UTF8&n=637394&s=videogames (1)クリックでスムーズにアニメーション拡大 (2)マウスで画像をつかんで移動 できるのを探しています。 jQueryだとベストですが、他のでも構いません。 よろしくお願いします。

  • 画像の拡大

    ペイントで画像を拡大すると、ドット絵？のようになってしまいます。画像を拡大してもドット絵にならないような拡大方法、もしくはフリーソフトなどありませんか？ よろしくお願いします。

  • javascript 画像のワイプ表示

    javascript(特にjquery)を用いて画像ファイルをPowerPointのアニメーションにある「ワイプ」(オブジェクト端から特定方向にフェード表示)のように表示させる方法を探しています。 CSSで画像のwidthを0にしてanimate()で100%に拡大する方法だとあまりきれいなワイプにならず、さらにheightも拡大されてしまうため1点から拡大したようになり、思っているアニメーションと異なります。 何か方法を伝授していただければ幸いです。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する