タグ付けされた質問 「image」

イメージタグは、ソースコードのコンテキストでのイメージのロード、フォーマット、保存、圧縮、および表示に関連する質問用です。このタグは、さまざまな画像ライブラリの使用を支援するためにも使用する必要があります。特定の画像フォーマットに関する質問には、それらのフォーマットのタグを含める必要があります。質問がフォーマット変換、処理などに関連するものである場合は、タグを含めてください

7
PILを使用して画像にテキストを追加する
画像を読み込むアプリケーションがあり、ユーザーが画像をクリックすると、この画像のテキスト領域が表示され(を使用jquery)、ユーザーは画像にテキストを書き込むことができます。画像に追加する必要があります。 それについていくつかの調査を行った後、私はPIL(Python Imaging Library)がこれを行うのに役立つことがわかりました。そこで、いくつかの例を試してみて、その動作を確認し、画像にテキストを書き込むことに成功しました。しかし、私がそれを使っPython Shellてウェブ環境でそれを試してみると、いくつかの違いがあると思います。つまり、textareaのテキストがpxで非常に大きいということです。PILをtextareaのテキストと同じサイズにするにはどうすればよいですか? テキストは複数行です。を使用して画像内で複数行にするにはどうすればよいPILですか? PILを使用するよりも良い方法はありますか?これが最良の実装であるかどうか、私には完全にはわかりません。 html: <img src="images/test.jpg"/> 編集中の画像 var count = 0; $('textarea').autogrow(); $('img').click(function(){ count = count + 1; if (count > 1){ $(this).after('<textarea />'); $('textarea').focus(); } }); textareaを追加するjquery。また、テキスト領域は、position:absoluteおよびfixedサイズです。 画像上のテキストエリアの座標を取得できるように、フォーム内に配置する必要がありますか?ユーザーがクリックしたときに画像にテキストを書き込んで画像に保存したい。

14
ホバーで画像が動く-クロムの不透明度の問題
ここの私のページに問題があるようです:http: //www.lonewulf.eu サムネイルにカーソルを合わせると、画像が少し右に移動し、Chromeでのみ発生します。 私のCSS: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; display:block; }

4
IE6で1つの(CSS)ディメンションを使用して画像をスケーリングするときに縦横比を維持する方法は?
ここに問題があります。画像があります: <img alt="alttext" src="filename.jpg"/> 高さや幅が指定されていないことに注意してください。 特定のページでサムネイルのみを表示したい。HTMLを変更できないため、次のCSSを使用します。 .blog_list div.postbody img { width:75px; } (ほとんどのブラウザーで)アスペクト比が維持された均一な幅のサムネイルのページを作成します。 ただしIE6では、画像はCSSで指定されたサイズでのみ拡大縮小されます。「自然な」高さを保持します。 これは問題を説明するページのペアの例です: サムネイルを表示するリスト フルサイズの画像を表示する単一のブログ投稿。 私はすべての提案にとても感謝していますが、(クライアントが選択したプラットフォームの制限により)HTMLの変更を伴わない何かを探していることを指摘したいと思います。CSSはJavaScriptよりも望ましいでしょう。 編集:画像のサイズとアスペクト比が異なることを言及する必要があります。

17
SDカードに保存された画像がAndroidのギャラリーアプリに表示されない
画像をSDカードに保存しましたが、SDカードを取り外して元に戻すまで、ギャラリーアプリケーションに表示されません。 なぜそうなのか、何か分かりますか? Galleryアプリケーションには、ファイルの保存時に更新されないキャッシュがあるようです... 実は、私はまた、ギャラリーアプリケーションでジャスト・保存した画像を開いていることとは成功していないにしたい、これは、この問題についての私の質問ですが。
92 android  image  save  gallery 


1
印刷スタイル:画像が改ページにまたがらないようにする方法
印刷スタイルシートを作成するときに、画像が複数のページにまたがるのではなく、常に1つのページだけにあるようにする方法はありますか。画像はページよりもはるかに小さくなりますが、ドキュメントフローに基づいて、最終的にページの下部に配置され、分割されます。私が見ている行動の例は以下の通りです: Page 1 | | | (text text text) | | (text text text) | | ________________ | | | Top of image | | |____________________| ------page break------ ____________________ Page 2 | | Rest of image | | | |________________| | | … | 私が欲しいもの Page 1 | | | …

12
scipy:フレーム、軸なし、コンテンツのみのsavefig
numpy / scipyには、画像が配列に格納されています。表示できます。境界線、軸、ラベル、タイトルなどを使用savefig せずに保存したいと思います。純粋な画像だけで、他には何もありません。 PyPNGまたはのようなパッケージは避けたいのですがscipy.misc.imsave、問題が発生することがあります(常にうまくインストールされるとは限らずsavefig()、私にとっては基本的なものにすぎません)

2
GD vs ImageMagick vs Gmagick for jpg?[閉まっている]
現在のところ、この質問はQ&A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 私は私のウェブサイトで画像を操作するためにGDを放棄する段階にあります-それはひどいです。 GDよりも優れているためImageMagickを使用すると誰もが言っていますが、ImageMagickとGmagick(画像処理のスイスアーミーナイフ)はどうですか? Zendは、http://devzone.zend.com/article/10531でそれらについて語っているかなりの記事を持っています。 ImageMagickに向かう前に、代わりにgmagickを使用する動機はありますか? (PHP 5.3以降) 編集:2つのライブラリの間でどちらが良いかを尋ねることの何が問題になっていますか?公正な質問だと思います。誰かが他のライブラリよりも優れている点を説明できれば、私や他の人々がこの質問を読むのに役立ちます。なぜそのような質問を閉じるのですか? Edit2:私が何をする必要があるかを尋ねる皆のため:私はそれは気づかないと思います:ユーザーが画像をアップロードします(png / gif / bmp w / eの場合もあります)JPGに変換してからデータベースに保存する必要があります。大きすぎるので、少しサイズを小さくする必要があります。 ありがとう


4
すべてのWebブラウザーでTIFF画像を表示する[終了]
休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか?質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 9か月前に閉鎖。 この質問を改善する HTMLページでTIFFファイルを処理する方法 HTMLページにTIFFファイルを表示したい。 埋め込みタグ、オブジェクトID、imgなどを使用してみましたが、HTMLページに画像(TIFF)を表示できません。 プロジェクトでJava、.NET、またはその他のものを使用していません。HTMLのみを使用しています。 更新:SafariはTIFF画像の読み込みをサポートしています。他のブラウザー(IE、Mozilla、Firefoxなど)でTIFF画像をロードするにはどうすればよいですか? サードパーティのプラグインまたはコントローラー(ActiveXControllerなど)をインストールできません。
91 html  image  html-helper  tiff 

9
ブラウザでJavascriptを介して画像を圧縮する方法は?
TL; DR; アップロードする前に、画像(主にjpeg、png、gif)をブラウザ側で直接圧縮する方法はありますか?JavaScriptでこれができると確信していますが、それを実現する方法が見つかりません。 これが私が実装したい完全なシナリオです: ユーザーが私のウェブサイトにアクセスし、input type="file"要素を介して画像を選択し、 この画像はJavaScriptを介して取得されます。正しいファイル形式、最大ファイルサイズなど、いくつかの検証を行います。 すべて問題がなければ、画像のプレビューがページに表示されます。 ユーザーは、画像を90°/ -90°回転したり、事前定義された比率に従ってトリミングしたりするなどの基本的な操作を実行できます。または、ユーザーは別の画像をアップロードして手順1に戻ることができます。 ユーザーが満足すると、編集された画像は圧縮され、ローカルに「保存」されます(ファイルには保存されませんが、ブラウザのメモリ/ページに保存されます)。 ユーザーは、名前、年齢などのデータをフォームに入力します。 ユーザーが[完了]ボタンをクリックすると、データと圧縮画像を含むフォームがサーバーに送信されます(AJAXなし)。 最後のステップまでの全プロセスはクライアント側で実行する必要があり、最新のChromeとFirefox、Safari5以降およびIE8以降と互換性がある必要があります。可能であれば、JavaScriptのみを使用する必要があります(ただし、これは不可能であると確信しています)。 今は何もコーディングしていませんが、すでに考えています。ファイルAPIを介してローカルでファイルを読み取ることができます。画像のプレビューと編集はCanvas要素を使用して行うことができますが、画像圧縮部分を行う方法が見つかりません。 html5please.comとcaniuse.comによると、これらのブラウザのサポートは非​​常に困難です(IEのおかげで)が、FlashCanvasやFileReaderなどのポリフィルを使用して行うことができます。 実際、目標はファイルサイズを小さくすることなので、解決策として画像圧縮を考えています。しかし、アップロードされた画像が毎回同じ場所で私のWebサイトに表示されることはわかっており、この表示領域のサイズ(200x400など)も知っています。そのため、これらのサイズに合わせて画像のサイズを変更し、ファイルサイズを小さくすることができました。この手法の圧縮率はどうなるかわかりません。 どう思いますか ?何かアドバイスはありますか?JavaScriptでブラウザ側の画像を圧縮する方法を知っていますか?返信ありがとうございます。


4
オプションが設定されている場合にBitmapFactory.decodeStreamがnullを返す
で問題が発生していBitmapFactory.decodeStream(inputStream)ます。オプションなしで使用すると、画像が返されます。しかし、それをオプションと一緒に使用すると、.decodeStream(inputStream, null, options)ビットマップが返されません。 私がやろうとしていることは、ビットマップを実際にロードしてメモリを節約する前に、ビットマップをダウンサンプリングすることです。私はいくつかの良いガイドを読みましたが、どれもを使用していません.decodeStream。 大きなビットマップの処理 そしてここ Androidでの画像処理 ワークスジャストファイン URL url = new URL(sUrl); HttpURLConnection connection = (HttpURLConnection) url.openConnection(); InputStream is = connection.getInputStream(); Bitmap img = BitmapFactory.decodeStream(is, null, options); 動かない InputStream is = connection.getInputStream(); Bitmap img = BitmapFactory.decodeStream(is, null, options); InputStream is = connection.getInputStream(); Options options = new BitmapFactory.Options(); options.inJustDecodeBounds = …
90 java  android  image  bitmap 

8
javascriptキャンバスで画像のサイズを変更します(スムーズに)
キャンバスでいくつかの画像のサイズを変更しようとしていますが、画像を滑らかにする方法がわかりません。フォトショップやブラウザなどでは、使用するアルゴリズムがいくつかあります(たとえば、バイキュービック、バイリニア)が、これらがキャンバスに組み込まれているかどうかはわかりません。 これが私のフィドルです:http://jsfiddle.net/EWupT/ var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); canvas.width=300 canvas.height=234 ctx.drawImage(img, 0, 0, 300, 234); document.body.appendChild(canvas); 1つ目は通常のサイズ変更された画像タグで、2つ目はキャンバスです。キャンバスがそれほど滑らかではないことに注意してください。どうすれば「滑らかさ」を実現できますか?

10
HTTPSページのHTTPコンテンツを処理する
HTTPSを介して完全にアクセスされるサイトがありますが、HTTP(主にRSSフィードからの画像)である外部コンテンツを表示する場合があります。ユーザーの大多数もIE6を使用しています。 私は理想的には次の両方を行いたいです 安全でないコンテンツに関するIE警告メッセージを防止します(たとえば、以下のように画像をデフォルトのアイコンに置き換えることにより、煩わしくないコンテンツを表示できます) 他の方法では見えない画像の代わりに、ユーザーに役立つ何かを提示します。いくつかのJSがあった場合、どの画像がロードされていないかを突き止め、代わりに私たちの画像で置き換えることができるのであれば、それは素晴らしいことです。 最初の目的は単に不可能であると思いますが、2番目の目的で十分かもしれません。 最悪のシナリオは、RSSフィードをインポートするときに解析し、画像をローカルに保存して、ユーザーがその方法でアクセスできるようにすることですが、あまり利益が得られないのは大変なことです。
89 http  image  https 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.