html - HTML5キャンバスでパースビューを行う方法

Question

HTML5キャンバスで画像を斜め/遠近/回転させたいと思います。下の画像はまさに私がやりたいことです。

キャンバスで変換を使用するためのこのコードがありますが、それで頭や尾を作ることはできません。誰かが私を助けることができますか？

また、css ではなく HTML5 Canvas でのみこれを実行したいと考えています。

var cs = Math.cos(angle1), sn = Math.sin(angle1);
var h = Math.cos(angle2);

var a = 100*cs, b = -100*sn, c = 200;
var d = h*100*sn, e = h*100*cs, f = 200;

ctx.setTransform(a, d, b, e, c, f);

Answer 1

まだ疑問に思っている人は、 http://evanw.github.io/glfx.js/docs/を使用して簡単にこれを行うことができます。