2012-01-19 5 views
0

Safariの新しいタブhttp://images.marketingtechblog.com/uploads/2009/06/safari-new-tab.pngのような効果をHTML5キャンバスで作成することは可能ですか?jQueryのSafariホームページのようなもの

CSS3の3Dトランスフォームでも同様の変換ができますが、Webkitブラウザでのみサポートされています。 CANVASを実装するためにCANVASで何かできますか?

編集:私は実際にキャンバス変換マトリックスを使用してそのパース効果を実装できますか。この効果は等角投影ではないことに注意してください。等倍投影の場合、参照画像に示されているような丸い形状にすることができます。

+0

5736149/perspective-rendering-in-html5-canvas) – Phrogz

答えて

2

あなたは何も描くことができませんので、もちろん可能です。私はあなたが効果を達成する方法を知りたいと思うと仮定します。

キャンバスには変換マトリックスがあります。変換を直接回転、拡大縮小、および設定することができます。 here.を参照してください。一般に、キャンバス上で既にパースペクティブ変換を行っている他の人物を検索してください。例:[HTML5 Canvasでのパースペクティブレンダリング](http://stackoverflow.com/questions/)の複写可能。Can you do an isometric perspective with HTML5 <canvas>?

+0

はい、実際には実装のヒントを得たいと思っています。質問を編集しました。もう一度ビューを持ってください。 –

+0

コンテキストの変換は_affine_変換であり、それ自体が透視スキューをサポートしていないことに注意してください。 OPは画像ピクセルを直接サブサンプルする必要があります。 – Phrogz

関連する問題