Webkitで変換されたキャンバスを1つに描画するには？

Question

私は6つのキャンバスに異なるWebkitトランスロームが適用されており、このdivの内容を1つのキャンバス（このdivの「スクリーンショットを撮る」）に「描画」したいと考えています。私はdivをキャンバスに直接描画する方法がなく、変換されたキャンバスを別のキャンバスに描画しようとしているときにWebkitの変換が適用されないので、ややこしいかもしれません。

キャンバス変換（縮尺、翻訳など）を使用してこれらのキャンバスを適切に描画できますか？ 3D変換を2次元に変換するのに役立つ良いライブラリがありますか？ ありがとうございます。

Answer 1

divの内容をイメージとして取り込むことはできませんが、親キャンバスを使用して他のものを描画することができます。親カンバスのコンテキストのdrawImageメソッドを使用してそれを行うことができ、画像の引数としてソースキャンバスを渡すことができます。

宛先コンテキストwith the methods defined hereの変換を設定することで、任意のアフィン変換（スケーリング、平行移動、回転 - ただしパースペクティブではありません）を定義できます。