問題タブ [ppi]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
13 に答える
67130 参照

javascript - JS/CSS からシステム DPI/PPI を検出していますか?

表示されるデバイスに応じて特定の解像度で画像を生成する必要がある、一種のユニークなアプリに取り組んでいます。そのため、通常の Windows ブラウザー (96ppi)、iPhone (163ppi)、Android G1 (180ppi)、およびその他のデバイスでは出力が異なります。これを自動的に検出する方法があるかどうか疑問に思っています。

私の最初の調査ではノーと言っているようです。私が見た唯一の提案は、幅が CSS で「1in」と指定されている要素を作成し、その offsetWidth を確認することです ( javascript を介して画面表示の DPI 設定にアクセスする方法も参照してください)。理にかなっていますが、iPhone は 96ppi だと嘘をついています。

別のアプローチは、ディスプレイの寸法をインチで取得し、ピクセル単位の幅で割ることですが、その方法もわかりません。

0 投票する
3 に答える
1816 参照

iphone - iPhoneの画面解像度。160対163対未来

実世界の単位で何かを表示するアプリを作ろうとしています。定規アプリではありませんが、そこそこの精度が欲しいところです。

iPhone と iPod touch の画面解像度が異なるようです (それぞれ 160 と 163)。

iPhone でのこの Calculating pixel size と、この iPhone の画面解像度が将来のハードウェアで変更される こと を発見しました。

iPod と iPhone の解像度の違いを無視して、320 * 480 の画面スペースを 2 * 3.5 インチとして扱うことができるように思えます。

私の質問は次のとおりです: これは本当ですか? コードでこれ (320 "ピクセル" == 2 インチ) を決定する方法があるため、変更された場合でも更新する必要はありません。

0 投票する
1 に答える
986 参照

perl - PPIでコメントを見つけて、その前にコードを挿入するにはどうすればよいですか?

# VERSIONperlソースファイルでコメントを見つけようとしています。次に、コメントの前に(または代わりに)バージョンを挿入します。誰かがPPIでこれを行う正しい方法を教えてもらえますか?

# VERSION最終結果での維持はオプションです

私は実際に#VERSIONを見つける方法についていくつかのアイデアを持っていますが、1つは正しくないように見えるシリアル化されたppiドキュメントの正規表現であり、もう1つはコメントでfind_firstを使用していますが、それが最初でない場合はわかりません何をすべきか。

更新されたコードコメントのみを確認するため、これは正しい解決策に近いようです。しかし、使用方法や実際に新しい変数を作成する方法がわかりません。

アップデート

この質問への答えは、DZP::OurPkgVersionの基盤になりました

0 投票する
1 に答える
2826 参照

css - 高 PPI モバイル画面のマスター リストと、CSS を介してそれを検出/処理する方法は?

iPhone 4 の Retina ディスプレイは iPhone 3 の 2 倍の密度ですが、Apple はそれをかなりうまく処理しましたが、レンダリング時にピクセルを 2 倍にすることを想定して (各デバイスで Web ページが同じ物理サイズに見えるように) しました。その後、いくつかの Webkit メディア クエリを使用して、そのデバイス用に追加の CSS を読み込むことができます (-webkit-min-device-pixel-ratio:2)。

質問: a) 現在高 PPI 画面を使用している他のモバイル デバイスを一覧表示するリソースはありますか、b) Web サイトのレンダリングに関してデバイスがデフォルトで行うこと、および c) Webkit チェックをサポートしているか、および/または独自のものであるかカスタム検出方法?

そうでない場合、この投稿が特定のデバイスに関する情報を回答として投稿することで、そのリソース (CW) になる可能性があります。高解像度画面を使用している BlackBerry および Nokia デバイス (および Android も登場) の処理を​​開始する必要があります。どんなデータでも大歓迎です!

アップデート:

いくつかのテストを行った結果、iPhone 4 のように倍密度を識別できるモバイル デバイスは他にないことがわかりました。現在、PPI がはるかに高い画面があります (多くの場合、小さいデバイスで) が、デバイス自体が高 PPI であると宣言することは決してありません。おそらく、それを説明するより良い方法は、それらのデバイスのピクセルが「本当に小さい」ということです。

そのため、すべてのサイトが同じようにレンダリングされることを考えると、これらのデバイスを処理する実用的な方法はありません。

iPhone 4 以外で、PPI が高いと適切に宣言されているデバイスを誰かが知っている場合は、今すぐ教えてください。

0 投票する
2 に答える
5332 参照

android - Android向けの設計-解像度?

私はAndroid用のアプリを設計していますが、対象としている主なデバイスはNexusSとGalaxyTabです。どの解像度で設計し、どのPPIを使用するのでしょうか。私はフォトショップを使用します。

驚いたことに、iOSで利用できるものがたくさんあるのに、Android用のまともなPSDテンプレートが1つも見つかりませんでした。それとも、適切な場所を見ていませんか?

どうもありがとう

0 投票する
1 に答える
437 参照

android - モバイル ピクセル密度: 複数の画像サイズか、全員に高解像度画像を提供するか?

ピクセル密度の高いAndroidおよびiPhoneデバイスで画像を美しく見せる方法を検討しています.2つの方法で実行し続けています. css で適切なサイズにします。

もう 1 つは、すべての人に hdpi 画像を提供して縮小するという提案です。解像度の低い携帯電話を使用している人でも、見栄えの良い画像が表示されます。必要以上にダウンロードしているだけです。

3 つの異なるスタイルシート (低、中、高) を維持するのは時間の無駄のように思えるので、私は後者に傾いています。そうでない理由はありますか?

0 投票する
1 に答える
1344 参照

windows-phone-7 - Windows 7 のスマートフォンとタブレットの ppi

私は、Windows 7 のグラフィックス作成に関してかなりの初心者です。私の理解では、すべての Windows phone 7 および Windows タブレットのグラフィックスは、iPhone や Android のように 72 ppi ではなく、96 ppi で作成する必要があります。これは正しいです?

Windows のサンプル グラフィックスと別のアイコン パックも、この記事と同様にこのアイデアをサポートしているようです (古いものですが)。

http://blogs.msdn.com/b/expression/archive/2007/10/31/trick-or-treat-resolution-96-ppi.aspx

先に進む前に、Windows phone/タブレットのグラフィックスについて間違った考えを持っていないことを確認したいだけです。

ご回答ありがとうございます。

0 投票する
0 に答える
752 参照

android - AndroidでPNGファイルのPPI(ピクセル/インチ)を変更する

PNGファイルを編集するために使用されるアプリがあります(テキストを書き込むなど)。
私のプロセスは、そのPNGからビットマップを作成し、Canvasを使用してテキストを描画し、bitmap.compressを使用して結果をSDカードに保存することです。
すべてが正常に機能します。しかし、結果を確認すると、PPIが変更されていることがわかります。そのPPIを元のPPIのように保つ方法。
例を次に示します。元の画像の解像度は1300x700で250ppi PSで確認)ですが、アプリを使用してその画像を編集した後、結果の画像の解像度は1300x700で72ppiになります結果画像に1300x700解像度と250ppiを 残したいのですが、
助けてください。助けてくれてありがとう。


ここにあります:

次に、ビットマップオーバーレイを作成します。

そして彼らはそれを圧縮します:

この問題はdrawTextによるものではなく、テキストを描画しない場合に発生します。開いて保存するだけで、PPIは変更されます。

0 投票する
2 に答える
1967 参照

c# - C# と Photoshop の画像解像度 (ppi) の違い

たとえば、C# は、選択した画像に 96 ppi が含まれていることを示していますが、Photoshop の同じ画像には 72 ppi が含まれています。

なぜ違いがあるのですか?

この場合、私は Photoshop を信頼する傾向があります。また、C# が偽の結果を返す場合、画像の解像度をテストする方法を教えてください。

ppi != 300 のすべての画像を拒否する何らかのバリデーター コントロールを構築する必要があります。

コントロールは、jpg、jpeg、gif、png、bmp の形式をサポートする必要があります。

コードを以下に示します。

0 投票する
2 に答える
305 参照

php - PPI フレームワークで Doctrine DBAL を使用した場合の PDO 一般エラー

表の行を更新する準備済みステートメントを実行すると、「HY000 一般エラー」が発生します。クエリは実行されているようで、行は正常に更新されています。私のコードと返されたエラーの詳細を以下に示します。この問題を解決するために誰かが私を正しい方向に向けることができれば、私はとても感謝しています.

コード例:

エラーの詳細: