問題タブ [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.

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

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 IOMobileFramebufferIOMobileFramebufferGetLayerDefaultSurface + 4

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

sass - Gumby SCSS フレームワーク - Retina 背景画像に Respond を使用する

Gumby フレームワークでの応答ミックスインの操作に関する非常に具体的な質問です。

CSS で Retina 背景画像を正しく機能させるには、respond mixin ( http://gumbyframework.com/docs/mixins/#!/respond ) を使用し、「min-device-pixel-ratio」属性を渡す必要があります。 .

ガムビーでの応答がこれを行うように設定されているとは思いませんが、ここの誰かが試したのでしょうか? 従来のメディア クエリを使用するのは簡単ですが、フレームワーク フックを可能な限り使用し、コードベースを軽量に保ちたいと考えています。

洞察はありますか?以下のコード サンプル - これは、SCSS でこれをフォーマットする方法だと思います。

これは私がCSS出力のために得るものです

0 投票する
4 に答える
1030 参照

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 を傍受して変更することは可能ですか?

または、問題を解決するための別のアプローチを持っている人はいますか?

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

css - @2x.png 背景画像の使用

現在、SVG と PNG フォールバックを使用して別のサイトでスタイルシートを実行しています。

これは網膜画像からも機能しますか?

それとも、このようなメディア クエリを通じてこれを実行するのが最善でしょうか?

ありがとう

ダリル

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

ios - iTunes 検索 API から Retina スケールのアイコンを取得する

iTunes API から iTunes Appstore のライブ アイコンを取得しています。

http://www.apple.com/itunes/affiliates/resources/documentation/itunes-store-web-service-search-api.html#searchexamples

このような

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 ピクセルです。

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

ios - Retina で非 Retina グラフィックスを使用することは可能ですか?

アプリで使用するグラフィックデザイナーから非網膜グラフィックを入手しました。スプラッシュ スクリーンの解像度は 400x640 です。それでも、このグラフィックを使用してユニバーサルな iPhone 5 および iPad アプリを作成することになっています。.jpg ファイルです。

私の質問は、1536x2048 ピクセルの画像を必要とする Retina iPad でこのような低解像度画像 (400x640) を使用することは可能ですか? または、適切な解像度の画像を取得する必要がありますか?

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

ios - ディスプレイが網膜であるかのように NSView 描画を強制的に動作させる

アプリでグラフを描画するカスタム NSView があります。画像を含むPDFを生成しています。iOS では、次のようなコードを使用してこれを行います。

iOS では、ディスプレイは網膜であり、画像が非常に高解像度であることを意味しますが、現在 Mac アプリでこれを実行しようとしていますが、非網膜の Mac は非高解像度を生成するため、画像の品質は低くなります。画像のバージョン。

NSView を使用して画像を生成するときに、網膜のように動作するように強制したいと思います。そうすれば、画像を PDF に入れると、はるかに高い解像度になります。現在、それは非常にぼやけており、魅力的ではありません。

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

less - retina.less はどのように使用しますか?

retinajs.com の retina-1.1.0.less コードを使用しようとしています。背景画像がまったく表示されないため、機能していません。

html は次のとおりです。

ここに retina.less があります:

これがCSSです(ただし、重要ではないと思います):

button.pngbutton@2x.pngどちらも images フォルダにあります。LESS ファイルに正しくリンクしていない可能性があると思いますが、修正方法がわかりません。

ありがとう