javascript - キャンバス形状に描画されたイメージ

Question

キャンバスにシェイプを作成し、その中にイメージを描画したいと考えています。

これまでのところ、画像を形状にクリップすることはできますが、自由変形 -> 歪曲効果または同様のものを使用して、画像を自己適応させたいと考えています。

例では：

コードはここで見ることができます: http://jsfiddle.net/NAe9c/

編集：
この問題への回答を受け入れていただきありがとうございます
が、私の問題の別の代替案であるCSS 3Dを見つけました。今まで知らなかった=P

score 2 · Accepted Answer

はい、物を平らに描き、遠近法でレンダリングすることができます。2D変換だけではそれを行うことができないため、2Dコンテキストを使用したいが、異常なことは何もない場合は、試練に少し数学が必要です。

「canvasperspectivetransform」を検索することをお勧めします。次のようなデモがたくさん見つかります。

score 0 · Accepted Answer

あなたはこのようなもののために遠近法の修正をする必要があるでしょう、私はあなたのためにそれをするために図書館を手に入れるほうが簡単だと思います、使用することを考えました：

2 に答える 2