問題タブ [pixel-perfect]

サイズの異なる写真のグリッドを使用して、Pixel Perfect Responsive ページを作成しようとしています。私は最善のアプローチが何であるか疑問に思っていました?? フローティングリストでこれを行いますか? リストにない浮動要素??

本当にわかりません。以下は、全幅 (1200px) と縮小幅 (768px) のレイアウトを示す 2 つの図です。コンテナーの幅を変更し、メディア クエリを使用して要素を削除する方法は理解していますが、他の方法で目的の外観を取得する方法がわかりません。列を使用しますか??

全幅 http://www.letsboogey.com/stackimages/1.jpg

768 幅 http://www.letsboogey.com/stackimages/2.jpg

ピクセルパーフェクトグリッドを探しています。主要なフレームワークを試しましたが、どちらにも明らかな丸め誤差があります。ピクセル パーフェクトなデザインを実現しようとするときに、このようなエラーをどのように説明するかについて、会話を始めたいと思っていました。

Chrome は、目に見えるエラーがほとんどなく、最適にレンダリングされているようです。サファリは最悪です。

以下は、Safari htmlの Bootstrap Grid のスクリーン ショットです。

(jsFiddle: http://jsfiddle.net/gnrhca1p/ )

Safari html の Foundation グリッドの例を次に示します。

(jsFiddle: http://jsfiddle.net/ )

Xamarin で Cocossharp を使用して Android および iOS 用のゲームを作成しています。私は2つ持っており、1つのスプライトの色のピクセルが他のスプライトの色のピクセルと重なっているかどうかを知る必要がありますが、オブジェクトCCSpritesのピクセルを含むマップまたは配列が見つからないようです. CCSpriteそれが存在するかどうか誰かが知っていますか？そしてどこに？または、誰かが Xamarin の共有プロジェクトで使用できるそのような作業のための既存のアルゴリズムの方向性を教えてくれませんか。

背後にある画像をブロックするため、画像の非透過領域のみをクリック可能にしたい.たとえば、北フランスをクリックすると、ドイツが選択されます. これはどのように可能ですか？私はこのようなものを持っていて、すべての国がhtmlページの画像です。

ここに私のウェブサイトの画像があります：

これは AntiAlias に関するものではありません。回答する前に質問をお読みください。

報奨金を追加する--> androidは、テキストの幅（ピクセル単位）を画面の幅/高さのパーセントに変換します

品質情報 --> https://stackoverflow.com/a/1016941/1815624

キャンバスにテキストを描画しようとすると、一貫性のない結果が得られます。助けてください、ありがとう。

テキストがすべてのデバイスで同じ量のスケーリングされたスペースを消費するようにしたい

私はANTI_ALIASを気にせず、追加しましたpaint.setFlags(Paint.ANTI_ALIAS_FLAG);が、問題は同じです...

ある画面では、テキストは幅の半分を消費し、別の画面では 1/3 しか消費せず、全幅を使用する画面さえあります。

私は、それらすべてが同じ量の画面領域を使用することを望んでいます。

例えば

1600X900 7 インチ タブレット キットカット 物理:

1920.1080 5.2 キットカット物理

1600x900 20 インチ Lollipop エミュレート

1280×720 4.7インチ

これらは、http://www.gkproggy.com/2013/01/draw-text-on-canvas-with-font-size.htmlのガイドを使用して作成されています。

そのチュートリアルは一貫した結果を示しています

ここで徹底的にするために、ソースは次のとおりです。

https://stackoverflow.com/a/5369766/1815624から提案を試みました

これを調べると

https://stackoverflow.com/a/21895626/1815624

https://stackoverflow.com/a/14753968/1815624

https://stackoverflow.com/a/21895626/1815624 <-今試しています

私は pixelperfect をインポートしており、 check_collision(object1, object2) と呼ばれる関数の 1 つを使用しています。これはhttp://www.pygame.org/wiki/FastPixelPerfectから取得した Web サイトです。 関数を使用すると、常に false が返されます。理由がわかりません。誰かが私を助けたり、ピクセルパーフェクトコリジョンを行うためのより良い方法を持っていれば、私は感謝しています.

問題は常に false を返すことです。

コードは次のとおりです。

当社のデザイナーは、.psd (Photoshop) で Web デザインを提供することを好みます。ページのマークアップとスタイルを作成するときは、通常、利用可能なツールを優先してデザインを妥協する必要があります。確かに後者はページを実装する人のスキルに依存しますが、次の例を考えると、デザインを実装するための正しい CSS 手法を調査して到達するための一般的なアプローチは何ですか?

問題の例は次のとおりです。Photoshop では、テキストベースのログイン ボタンは最終結果として次のようになります。

これは基本的に、エフェクト (Fx) が適用された [T] (テキスト) 要素です。効果は、次のように設定されているように見えるカラー オーバーレイです。

この効果がない場合、PSD のログイン ページは次のようになります。

これはまさに、ブラウザ上のページでどのように見えるかです. 最終的な .psd デザインとまったく同じに見えるようにする場合、正しい css 手法の例を探すにはどうすればよいでしょうか?

<button>特定の .css クラスを持つ要素としてログイン リンクを実装しました。私は backgound-blend-mode: normal を次のように試してみました:

ただし、Chrome では次のように表示されます。

この問題はおそらく Web フォント技術を使用しているという事実に関連しており、Photoshop でテキストが影響を受けるのと同じように、ブラウザーでのスタイリングの影響を受けていないという事実に関連していることを認識していますが、上記にアプローチする方法についてのヒントをいただければ幸いです。 -記述された問題。ありがとうございました。