如何将webkit转换的画布合二为一?

时间:2012-02-01 07:19:21

标签: html5 canvas webkit-transform

我有一个div,其中包含6个不同的webkit变换应用的画布,我想把这个div的内容“画”成一个画布(“截取”这个div的截图)。但似乎它有点棘手,因为没有办法直接将div绘制到画布中,当我试图将转换后的画布绘制到另一个画布时,不会应用webkit转换。

是否可以使用画布转换(缩放,翻译等)正确绘制这些画布?是否有任何好的lib可以帮助您将3D转换转换为2d? 提前谢谢。

1 个答案:

答案 0 :(得分:0)

无法将div的内容捕获为图像,但您可以使用父画布并将其他画布绘制到其中。您可以使用父画布上下文的drawImage方法完成此操作,并将源画布作为图像参数传递。

通过设置目标上下文with the methods defined here的转换,您可以定义所需的仿射转换(缩放,平移,旋转 - 但不是透视)。