- ベストアンサー
javascriptで画像処理
javascriptを使って、画像データの拡大縮小、各ドットの判定を行いたいのですが、どのような方法があるでしょう。画像形式は問いませんが、ライブラリを使用して多くの画像形式に対応できるようなものがあれば一番よいと考えています。 なければ具体的な方法を示していただけると助かります。 よろしくおねがいします。
- usamikacho
- お礼率60% (25/41)
- JavaScript
- 回答数4
- ありがとう数1
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
各ドットの判定というのが何を指すのかよく分かりません。 ドットの色を判定するという意味なら、javascriptではファイルを読み込めないので不可能です。 画像データの拡大縮小は、htmlのimgタグのheightとwidthを書き換えるだけです。ただし、縮小してもファイルサイズは元のままですし多くのブラウザで画質が落ちるのでお勧めしません。
その他の回答 (3)
- k0021
- ベストアンサー率26% (32/120)
No.3ですが。 <body onload="start()">は、不要です。 jpgとgifは、大丈夫のようですが。 探したら参考になるか分かりませんが。 下記URLの原文表示をクリックして見て下さい。 heightの指定は、cssでは指定出来ませんでしたが。 <img src="xxx.jpg" height="650" alt=" "> 各ドットの判定というのが何を指すのかよく分かりません。
- k0021
- ベストアンサー率26% (32/120)
各ドットの判定というのが何を指すのかよく分かりません。 <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は、わされましたが
- babu_baboo
- ベストアンサー率51% (268/525)
くわしくは、しらないのですが http://www.html5.jp/canvas/ref/method/getImageData.html
お礼
ファイル読み込めないんですね。それじゃ色判定とかドットを操作することは不可能ですね。