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

【问题标题】：Trying to convert html div to image. Taking into account transform3d试图将 html div 转换为图像。考虑到transform3d
【发布时间】：2016-09-10 08:09:51
【问题描述】：

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

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

使用 html2canvas 库的结果是这样的：

我想要的是这样的（蓝点无关紧要）：

我可以说这个 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 库。但结果是我发布的第一张图片。我希望结果看起来像第二张图片。所以我认为是因为它没有考虑到猪div上的transform3d。

【问题讨论】：

我不确定你在这里实际问的是什么..
@niemmi 我可以说这个 html 代码：<div id=background><div id=pig><img src=whatever/></div></div> 我想将其转换为图像。我尝试使用他们在顶部链接到的帖子中提到的 html2canvas 库。但结果是我发布的第一张图片。
对不起，我对这个主题一无所知，我只是嵌入了图像以使其更易于阅读。如果您有其他信息，请编辑原始问题。
@RhysBradbury 我在底部添加了更多信息

标签： javascript html css html2canvas

【解决方案1】：

我建议您获取您获得的图像（看起来不错，但未正确倾斜）并通过 CSS 转换运行它。

Information about CSS 3D Transforms

This demo of skewing a 3D prism with CSS 你应该特别感兴趣

【讨论】：