试图将html div转换为图像。考虑到transform3d

Question

我已经查看了How do I convert my entire div data into image and save it into directory without using canvas?

我使用了html2canvas库，我能够得到一个图像，但这不是我想要的，因为我内部有一个3dtransfomed div，最终图像没有保留该属性。

使用html2canvas lib的结果如下：

我想得到的是这样的东西（蓝点无关紧要）：

我可以说这个HTML代码：<div id=background><div id=pig style=transform: matrix3d(1,2,4,2,34,4,5,3,54,3,4,4)><img src=whatever/></div></div>我想将它转换为图像。我尝试使用他们在我链接到顶部的帖子中提到的html2canvas库。但结果是我发布的第一张图片。我希望结果看起来像是第二张图片。所以我认为这是因为它没有考虑pig div上的transform3d。

Answer 1

我建议拍摄你得到的照片（看起来不错，但没有正确倾斜）并通过CSS转换运行。

Information about CSS 3D Transforms

您应该特别感兴趣

This demo of skewing a 3D prism with CSS