次のように:iOSの9のiPad空気テキストシャドウレンダリングのアーティファクト
<h1>Lorem ipsum Incididunt minim enim pariatur ex in irure Duis deserunt.</h1>
とCSS:
h1 {
color: #fff;
font-size: 4em;
font-family: sans-serif;
text-shadow: 2px 2px 8px #000;
}
を、私はiPadでのiOS 9.3.2にレンダリングする際にいくつかの奇妙な影のアーティファクトを取得しています空気(1と2)。この問題は、iPad mini 1または2またはiOS 10.1で再現できませんでした。
フォント、行の高さ、影のアルファ透明度などを実験しましたが、生のh1要素を持つテキストシャドーを使用しているようです(他の要素も想定しています)。この問題は、フォントサイズが大きく、テキストの色が白であるときに再現するのが容易であるように見えますが、テキストシャドウのプロパティ(それを再作成するためにズームイン/ズームアウトする必要があるかもしれません)
提供されているスクリーンショットでキャプチャされた問題は、ごくわずかですが、テキスト/フォントサイズが異なると、時には非常に悪化することがあります。
根本的な原因についての情報はありますか?誰でも、これが影響するデバイス/ OSのバージョンを正確に知っていますか?誰もが問題の良い回避策を知っていますか?
jsfiddle:https://jsfiddle.net/t7ccn528/
私のデバイスで正常に動作します。 –
@ ZeevKatzどのモデル/ iosバージョンで試しましたか? –
iPad 2 iOS 9.5.2とiPhone 5sと6 with iOS 10.0.2 –