WebKitはOpenGLを使用してCSSトランジションをレンダリングしますか、またはソフトウェアレンダリングを使用しますか?WebKitはOpenGLを使用してCSSトランジションをレンダリングしますか?
8
A
答えて
4
WebKitは単なるフロントエンドです。バックエンドとハードウェアのサポートによって異なります。 Google Chromeはskiaをバックエンドとして使用し、ソフトウェアまたはハードウェアを使用できます。その答えは、それが実行されているバックエンドとハードウェアの実装に依存します。
3
私が知っているのは、遷移を使用したハードウェアアクセラレーションプロパティがtranslate3d
transform
です。
例:
// Normal
div{
-webkit-transition: all 0.5s ease-out;
}
// Adding class to animate
div.transformed{
-webkit-transform: translate3d(100px, 100px, 0);
}
あなただけtranslate
が他のプロパティを変換やアニメーションを使用する場合、それはハードウェアではありませんが加速しました。
関連する問題
- 1. グラデーショングラデーションを使用したCSSトランジション
- 2. インラインブロックを使用したCSSトランジション
- 3. CSSトランジションのWebKitでの作業が、FF
- 4. OpenGLを使用したQtレンダリング
- 5. QtでOpenGLを使用してQGraphicsSceneをレンダリングする
- 6. OpenGLはレンダリングを停止しました
- 7. JOGL - OpenGLはグラフィックをレンダリングするのにAWTスレッドを使用しますか?
- 8. Webkit cssはどのブラウザをサポートしていますか?
- 9. レンダリング.h Blender OpenGL ES 1.1を使用してiPhoneにエクスポート
- 10. iPad webkit border-image CSSのレンダリングの問題
- 11. CSSトランジションをクリア
- 12. Webkit:3D CSSプロパティを使用しない2D変換用のCSS強制ハードウェアアクセラレーション
- 13. WebkitでCSSのtrasformを使用してonComplete関数を実装するにはどうすればよいですか?私は、次のようないくつかのCSSトランジションを使用してい
- 14. D3トランジションでのCSS値の使用
- 15. OpenGLでレンダリングするにはどうしたら、イベント用にSDLを使用しますか?
- 16. WebKit(Objecitve-C API)を使用した相対的なCSS URL値
- 17. webkit-mask-box-imageにCSSスプライトを使用できますか(またはクリップしますか?)
- 18. AndroidのGoogle MapViewはOpenGLを使用していますか?
- 19. OpenGLを使用してMac OS Xのココアアプリケーションで連続レンダリングを設定する
- 20. OpenGLを使用してサブクラス化されたQDeclarativeItemに画像をレンダリングする
- 21. OpenGL GLUQuadricをインポートして使用しますか?
- 22. ASP.net WebKitブラウザで動作しないUpdatePanelを使用したAjax部分レンダリング
- 23. フレームバッファオブジェクトを使用したOpenGLでのダイナミックキューブマップのレンダリング
- 24. WebKit(またはGecko)を使用してレンダリングされたHTML要素の位置を見つける
- 25. Android:NDKを使ったOpenGLレンダリング
- 26. アスペクト比、CSSを使用し、画像が正しくレンダリングされませんか?
- 27. IE 10 + 11:calc()を使用したCSSトランジションが機能しない
- 28. -webkit-transitionはHTML4トランジションでは動作しますがHTML5では動作しませんか?
- 29. javascriptを使用してCSS3(Webkit)アニメーションをアクティブにするには?
- 30. WebKitのトランジション/アニメーションを使用して異なるプロパティの継続時間が異なる
これはSafari/Mobile-Safariにも当てはまりますが、他の実装ではHWアクセラレーションがまったく機能していないか、またはサポートが改善されていることがあります。 –
すべてのトランジションは、プロパティ/トランスフォームに関係なく、Safariで(OpenGLを使用して)加速されます。特定の状況では、最初のちらつきと異なるフォントレンダリングのために、それを見ることができます。また、HWアクセラレーションが使用されていないと、特にMobile Safariで遷移が滑らかにならない可能性があります。 – jholster
実際には、ハードウェアアクセラレーションは 'translate3d'でのみ使用され、' translate'では使用されないという証拠があります。この違いの理由の1つは、translateがtranslate3dよりも早くSafariに実装されたためです。 –