問題タブ [retina]
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.
ios7 - IOMobileFramebufferGetLayerDefaultSurface が ios7 retina で機能しない
バックグラウンド サービスからスクリーンショットをキャプチャしたい。ios6 と ios7 では正常に動作しますが、ios7 retina ではクラッシュします。
これは私のコードです
Retina IOMobileFramebufferGetLayerDefaultSurface(connect, 0, &m_screenSurfaceRef) で実行するとクラッシュしました。
クラッシュ情報:
スレッド #1: tid = 0x1dfe9, 0x000000018ea2c270 IOMobileFramebuffer
IOMobileFramebufferGetLayerDefaultSurface + 4, queue = 'com.apple.main-thread, stop reason = EXC_BAD_ACCESS (code=1, address=0x5e06dc28) frame #0: 0x000000018ea2c270 IOMobileFramebuffer
IOMobileFramebufferGetLayerDefaultSurface + 4
sass - Gumby SCSS フレームワーク - Retina 背景画像に Respond を使用する
Gumby フレームワークでの応答ミックスインの操作に関する非常に具体的な質問です。
CSS で Retina 背景画像を正しく機能させるには、respond mixin ( http://gumbyframework.com/docs/mixins/#!/respond ) を使用し、「min-device-pixel-ratio」属性を渡す必要があります。 .
ガムビーでの応答がこれを行うように設定されているとは思いませんが、ここの誰かが試したのでしょうか? 従来のメディア クエリを使用するのは簡単ですが、フレームワーク フックを可能な限り使用し、コードベースを軽量に保ちたいと考えています。
洞察はありますか?以下のコード サンプル - これは、SCSS でこれをフォーマットする方法だと思います。
これは私がCSS出力のために得るものです
javascript - Retina ディスプレイ用に Web サイトの画像を最適化する
私は、網膜時代の非常に一般的な問題を解決するための良いアプローチを見つけようとしています。
以下が与えられたとしましょう:
- レスポンシブ画像で Web サイトを作成する
- CSS 背景画像なし
- Web サイトの基本機能は JS なしで動作する必要があります
- Web サイトの画像は、Retina ディスプレイ用に最適化する必要があります。
これを解決する簡単な方法は、次のようなものです。
Retina デバイスが検出された場合は、img.jpg を img@2x.jpg と交換するための何らかの js を記述します。これは機能しますが、Retina デバイスで Web サイトに入ると、img.jpg と img@2x.jpg の両方が読み込まれます。帯域幅にあまり優しくありません:(
元の src がロードされる前に、画像の src を傍受して変更することは可能ですか?
または、問題を解決するための別のアプローチを持っている人はいますか?
css - @2x.png 背景画像の使用
現在、SVG と PNG フォールバックを使用して別のサイトでスタイルシートを実行しています。
これは網膜画像からも機能しますか?
それとも、このようなメディア クエリを通じてこれを実行するのが最善でしょうか?
ありがとう
ダリル
ios - iTunes 検索 API から Retina スケールのアイコンを取得する
iTunes API から iTunes Appstore のライブ アイコンを取得しています。
このような
http://itunes.apple.com/lookup?country=JP&id=288210303
json の下に、次のエントリがあります。
"artworkUrl60": " http://a689.phobos.apple.com/us/r30/Purple4/v4/e0/1e/4f/e01e4ff0-05dd-165a-534b-6de08c99a6b4/icon.png ",
この画像は、57x57 ピクセルのアイコンであることがわかります。網膜スクリーンには十分ではありません。アートワークの他のスケールを入手するにはどうすればよいですか? 1024x1024px のバージョンを取得して縮小する必要はないと思いますか?
したがって、ほとんどの場合、60x60 ポイント スケール 2、つまり 120x120 ピクセルを取得したいと考えています。iOS6 の友人の場合、57x57 ポイント/114x114 ピクセルです。
ios - Retina で非 Retina グラフィックスを使用することは可能ですか?
アプリで使用するグラフィックデザイナーから非網膜グラフィックを入手しました。スプラッシュ スクリーンの解像度は 400x640 です。それでも、このグラフィックを使用してユニバーサルな iPhone 5 および iPad アプリを作成することになっています。.jpg ファイルです。
私の質問は、1536x2048 ピクセルの画像を必要とする Retina iPad でこのような低解像度画像 (400x640) を使用することは可能ですか? または、適切な解像度の画像を取得する必要がありますか?
ios - ディスプレイが網膜であるかのように NSView 描画を強制的に動作させる
アプリでグラフを描画するカスタム NSView があります。画像を含むPDFを生成しています。iOS では、次のようなコードを使用してこれを行います。
iOS では、ディスプレイは網膜であり、画像が非常に高解像度であることを意味しますが、現在 Mac アプリでこれを実行しようとしていますが、非網膜の Mac は非高解像度を生成するため、画像の品質は低くなります。画像のバージョン。
NSView を使用して画像を生成するときに、網膜のように動作するように強制したいと思います。そうすれば、画像を PDF に入れると、はるかに高い解像度になります。現在、それは非常にぼやけており、魅力的ではありません。
less - retina.less はどのように使用しますか?
retinajs.com の retina-1.1.0.less コードを使用しようとしています。背景画像がまったく表示されないため、機能していません。
html は次のとおりです。
ここに retina.less があります:
これがCSSです(ただし、重要ではないと思います):
button.png
button@2x.png
どちらも images フォルダにあります。LESS ファイルに正しくリンクしていない可能性があると思いますが、修正方法がわかりません。
ありがとう