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

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

8
PILイメージを派手な配列に変換する方法は?
わかりました、PIL画像オブジェクトをnumpy配列に前後に変換するので、PILのPixelAccessオブジェクトが許可するよりも速いピクセル単位のピクセル変換を行うことができます。次の方法で、ピクセル情報を便利な3D numpy配列に配置する方法を理解しました。 pic = Image.open("foo.jpg") pix = numpy.array(pic.getdata()).reshape(pic.size[0], pic.size[1], 3) しかし、すごい変換をすべて実行した後、それをPILオブジェクトに読み込む方法を理解できないようです。私はそのputdata()方法を知っていますが、動作するようには思えません。

7
CSS3回転アニメーション
<img class="image" src="" alt="" width="120" height="120"> このアニメーション画像を機能させることができません。360度回転するはずです。 以下のCSSはまだ静止しているため、何か問題があると思います。 .image { float: left; margin: 0 auto; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 4000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 4000ms; -ms-animation-iteration-count: …
244 image  css  animation  rotation 

9
プログラムでimgタグのソースを変更する
JavaScriptを使用しsrcてimgタグの属性を変更するにはどうすればよいですか? <img src="../template/edit.png" name=edit-save/> 最初は「../template/edit.png」というデフォルトのsrcがあり、「../ template / save.png」のonclickで変更したかったのです。 更新:ここに私のHTML onclickがあります: <a href='#' onclick='edit()'><img src="../template/edit.png" id="edit-save"/></a> そして私のJS function edit() { var inputs = document.myform; for(var i = 0; i < inputs.length; i++) { inputs[i].disabled = false; } } これをedit()内に挿入してみましたが、機能しますが、画像を2回クリックする必要があります var edit_save = document.getElementById("edit-save"); edit_save.onclick = function(){ this.src = "../template/save.png"; }
242 javascript  html  image  src 

8
イメージからDockerfileを生成する方法は?
イメージからDockerfileを生成することは可能ですか?2つの理由で知りたい: リポジトリから画像をダウンロードできますが、画像を生成したレシピを確認したいと思います。 スナップショットを保存するというアイデアは気に入っていますが、完了したら、何が行われたかを確認するための構造化されたフォーマットを用意しておくとよいでしょう。
241 image  repository  docker 

15
H1テキストをロゴ画像で置き換える:SEOとアクセシビリティのための最良の方法?
そこにはいくつかの異なるテクニックがあるようですので、私はこれについて「決定的な」答えを得ることを望んでいました... ウェブサイトでは、ホームページにリンクするロゴを作成するのが一般的です。同じことをしたいが、検索エンジン、スクリーンリーダー、IE 6 +、CSSや画像を無効にしているブラウザ向けに最適化します。 例1: h1タグを使用しません。SEOにはあまり良くないですよね? <div id="logo"> <a href=""> <img src="logo.png" alt="Stack Overflow" /> </a> </div> 例2:これはどこかで見つかりました。CSSは少しハックに見えます。 <h1 id="logo"> <a href="">Stack Overflow</a> </h1> /* css */ #logo { padding: 70px 0 0 0; overflow: hidden; background-image: url("logo.png"); background-repeat: no-repeat; height: 0px !important; height /**/:70px; } 例3:同じHTML、text-indentを使用した異なるアプローチ。これは、イメージの置き換えに対する「ファーク」アプローチです。 <h1 id="logo"> <a …
240 css  xhtml  image  seo 

14
background-sizeに相当するものはありますか:画像要素をカバーして含みますか?
OverаэтотвопросестьответынаStack Overflowнарусском:Естьлианалогbackground-size:img coverдляimg? 私は多くのページとさまざまな背景画像のあるサイトを持っていて、CSSから次のように表示します。 body.page-8 { background: url("../img/pic.jpg") no-repeat scroll center top #000; background-size: cover; } ただし、<img>要素を使用して1つのページに異なる(フルスクリーン)画像を表示し、上記のbackground-image: cover;プロパティと同じプロパティを設定し ます(画像はCSSから表示できません。HTMLドキュメントから表示する必要があります)。 通常私は使用します: div.mydiv img { width: 100%; } または: div.mydiv img { width: auto; } 画像を完全で応答性の高いものにします。ただし、width: 100%画面が狭くなりすぎると画像が縮小しすぎ()、下部の画面にボディの背景色が表示されます。もう1つの方法width: auto;は、画像をフルサイズにするだけで、画面サイズに応答しません。 同じように画像を表示する方法はありbackground-size: coverますか?
240 html  image  css 


15
jQueryで画像が読み込まれているかどうか(エラーがないかどうか)を確認
JavaScriptとjQueryライブラリを使用して、順序付けられていないリストに含まれている画像のサムネイルを操作しています。画像が読み込まれると1つの処理が実行され、エラーが発生すると別の処理が実行されます。イベントとしてjQuery load()とerror()メソッドを使用しています。これらのイベントの後、私は.completeの画像DOM要素をチェックして、jQueryがイベントを登録する前に画像がまだロードされていないことを確認します。 jQueryがイベントを登録する前にエラーが発生した場合を除いて、正しく動作します。私が考えることができる唯一の解決策は、img onerror属性を使用してグローバルに(またはそれ自体のノードで)どこかに「フラグ」を格納して、jQueryが.completeをチェックするときにその「ストア/ノード」をチェックできるようにすることです。 誰かがより良い解決策を持っていますか? 編集:太字の主なポイントと以下の追加の詳細を追加しました: 画像にロードイベントとエラーイベントを追加した後、画像が完全(別名:ロード)であるかどうかを確認しています。そうすれば、イベントが登録される前にイメージがロードされた場合でも、私はそれを知ることができます。イベントの後に画像がロードされない場合は、イベントがイベントを処理します。これの問題は、画像が既にロードされているかどうかを簡単に確認できることですが、代わりにエラーが発生したかどうかはわかりません。

21
Androidで大きなビットマップファイルのサイズを変更して出力ファイルをスケーリングする
ファイルに大きなビットマップ(3888x2592など)があります。次に、そのビットマップのサイズを800x533に変更して、別のファイルに保存します。通常、Bitmap.createBitmapメソッドを呼び出してビットマップをスケーリングしますが、最初の引数としてソースビットマップが必要です。元の画像をBitmapオブジェクトに読み込むとメモリが不足するため、これを指定することはできません(たとえば、こちらを参照)。 また、ビットマップを正確な幅と高さにサイズ変更したいのでBitmapFactory.decodeFile(file, options)、たとえばを指定してビットマップを読み取ることもできませんBitmapFactory.Options.inSampleSize。を使用inSampleSizeすると、ビットマップのサイズが972x648(使用する場合inSampleSize=4)または778x518(使用する場合inSampleSize=5、2の累乗すらありません)にサイズ変更されます。 また、最初のステップで972x648などのinSampleSizeを使用して画像を読み取り、2番目のステップで正確に800x533にサイズ変更することも避けたいです。 私の質問を要約すると、10MP以上の大きな画像ファイルを読み取り、それを新しい画像ファイルに保存し、OutOfMemory例外を発生させずに特定の新しい幅と高さにサイズ変更する方法はありますか? またBitmapFactory.decodeFile(file, options)、Options.outHeightとOptions.outWidthの値を手動で800と533に設定してみましたが、そのようには動作しません。
218 android  image  resize  bitmap 

2
Linuxのコマンドラインから一連の画像をPDFに変換するにはどうすればよいですか?[閉まっている]
閉まっている。この質問はトピックから外れています。現在、回答を受け付けていません。 この質問を改善してみませんか? Stack Overflowのトピックとなるように質問を更新します。 8年前に閉鎖。 この質問を改善する 私はcgi / bashで作成したスキャンサーバーがあり、コマンドラインから一連の画像(すべて1つのフォルダー内)をPDFに変換できるようにしたいと考えています。どうすればできますか?
215 image  bash  pdf 


15
CSSのPNG画像のドロップシャドウ
自由形式(正方形以外)のPNG画像があります。 この画像にドロップシャドウ効果を適用する必要があります。 標準的なアプローチ... -o-box-shadow: 12px 12px 29px #555; -icab-box-shadow: 12px 12px 29px #555; -khtml-box-shadow: 12px 12px 29px #555; -moz-box-shadow: 12px 12px 29px #555; -webkit-box-shadow: 12px 12px 29px #555; box-shadow: 12px 12px 29px #555; ...正方形のように、この画像の影を表示します。だから、私は自分の画像と正方形の影を見ることができますが、それは画像に表示されているオブジェクトの形には従いません。 それを正しく行う方法はありますか?
211 css  image  png  transparency 

18
画像のアスペクト比を維持しながら、どのように画像をストレッチして<div>を埋めますか?
この画像をオーバーフローさせ&lt;div&gt;たり、画像を歪ませたりせずに、可能な限り最大サイズに拡大する必要があります。 画像のアスペクト比を予測できないため、使用するかどうかを知る方法はありません。 &lt;img src="url" style="width: 100%;"&gt; または &lt;img src="url" style="height: 100%;"&gt; 両方に使用することはできません(つまり、style = "width:100%; height:100%;")。これは、画像をに合わせて引き伸ばすためです&lt;div&gt;。 の&lt;div&gt;サイズは画面のパーセンテージで設定されますが、これも予測できません。
201 image  html  size 

10
PHPでPDFドキュメントをプレビュー画像に変換するにはどうすればよいですか?[閉まっている]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 2年前休業。 この質問を改善する PDFドキュメントの一部を画像ファイルにレンダリングするために必要なライブラリ、拡張機能などは何ですか? 私が見つけたほとんどのPHP PDFライブラリはPDFドキュメントの作成を中心にしていますが、Webでの使用に適した画像形式にドキュメントをレンダリングする簡単な方法はありますか? 私たちの環境はLAMPスタックです。
199 php  image  pdf  lamp 

24
HTMLページからの画像のドラッグを無効にする
ページに画像を配置する必要があります。その画像のドラッグを無効にしたいのですが。私はたくさんのことを試みていますが、助けはありません。誰かが私を助けてくれますか? 画像のサイズを変更しているので、その画像を背景画像として保持したくない。
194 javascript  jquery  html  css  image 

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