問題タブ [retina]

ストリーム内の Twitter アバターを _normal バージョン ( _normalバージョンなど)から _bigger バージョンに自動的に置き換えるブラウザー拡張機能を作成しようとしています(_normal.jpg 文字列を _bigger.jpg に置き換えます)。

次のコードは、jsfiddle jsfiddle to testで外部的に実行された場合、この置換を問題なく実行できます。

しかし、Twitter ページのコンソールで同じコードを使用しようとすると、すべてのアバター画像が消えてしまいます。どうしてこれなの？

Bootstrap 3 の .img-retina mixin を使用していますが、これはこれまでのところ素晴らしいものです。何らかの理由で、入力ボックスで Retina 品質の画像をレンダリングしていません。サイズと位置は適切ですが、網膜の品質ではありません。私は選択ボックスで同じことをしていますが、それは機能しているので、コードは問題なく設定されています。また、入力のアイコンを別のアイコン（他の場所で機能したもの）と交換しましたが、同様にピクセル化されました。入力内で網膜画像をレンダリングすることはできませんか?

グラデーション生成関数を SKTexture のカテゴリとして書きました。1x 画面では問題なく動作しますが、Retina ではテクスチャが大きすぎてレンダリングされ、幅が 2 倍、高さが 2 倍になります。つまり、スケールが正しくありません。ピクセルとポイントを変更して正しく取得しようとしていますが、正しく取得できません。誰か助けてくれませんか？

したがって、要約すると+(SKTexture*)gradientWithSize:(const CGSize)SIZE colors:(NSArray*)colors、SIZEのポイントを使用して呼び出すことを期待しています。

いくつかのブログから、Retina デバイス用に大きな画像を表示する方法で現在の状況に合った Retina 画像を表示するように自分自身を少し調整したコードを見つけました。現在のコードは、最後の文字を文字「L」に置き換えるだけです。

私の小さな画像はすべて「S.jpg」で、大きな画像はすべて「L.jpg」であるため、現在のスクリプトは完全に機能します。

大きなバージョンが存在するかどうかを確認するにはどうすればよいですか。存在しない場合は、元に戻すか、小さなバージョンにとどまります。現在、存在するかどうかに関係なく、大きいものを表示しようとします。

私のhtmlは次のようになります:(HTMLに余分なタグを追加したくありません。つまり、「-data-retina」)

私の現在のjQueryは次のとおりです。

仕事をすることができる既製のプラグインがいくつかあることは知っていますが、IMGタグのhtmlソースに大きな画像を追加する必要があり、私には理想的ではありません. そして、指定されたクラス名でのみ機能するようにします。すべてではない。

これらのコードを使用してアイコンを作成します。

しかし、Retina ディスプレイを搭載した Macbook Pro では非常に醜いです。

ステータスバーアイコンがPythonでRetinaディスプレイをサポートするようにするにはどうすればよいですか?