Html2canvas: HTML2canvas，使用旋转图像时裁剪的画布

@ amine86 ，您好，这是html2canvas如何处理已转换元素的裁剪的问题，我已在此pull request中开始解决在这里（和使用原始html2canvas一个，没有合并，我拉的要求在这里）。

我认为这是一个棘手的问题，需要重写html2canvas中的裁剪方式。 我能够解决transform: translate()问题，但是轮换是一个不同的问题，我无法以相同的方式解决。

嗨@eKoopmans非常感谢您的帮助，不幸的是，如果不解决此问题，我将无法在我的项目中使用它，您是否知道任何有效的插件或脚本都可以将html转换为canvas或将html转换为svg？ 甚至需要购买许可证的技巧？

谢谢你的帮助

嗨@ amine86 ，您可能对这种方法很幸运，可以通过SVG渲染HTML，然后将其渲染到画布中：
https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas

还有rasterizeHTML ，类似于html2canvas。 我都没有尝试过太多方法，请让我知道它们是否对您有用！

嗨@ekoopmans

 RasterizeHTML does not work good on some browser,
 I tried to find a solution but without succes for html2canvas, the result is not the same, on each test with a rotate I got a different design,  I think I will switch to try to create my design with imageGD from php librairie,

Anyway I want to thank you for your feedback and helps, thanks my friend,

告诉我一些事情，在0.5.0-beta4中，您为此添加了一些测试功能。 我们能看到零件代码在哪里尝试贡献并获得一些良好的结果吗？ 谢谢！

嗨， @CreativForm ，是的，这是一个好主意， @eKoopmans您可以帮助我们吗？

嗨，我不确定您要描述哪种测试功能。 您可以在此处查看我为修复CSS转换裁剪所做的工作。

@eKoopmans希望您还好，有关此问题的任何新闻吗？
您是否已在模块html2PDF中添加了修复程序？

谢谢，

嘿@ amine86 ，我非常感谢！ 不幸的是，没有任何进展……我现在终于有一些时间可以返回编码了，所以我看看能否尽快解决。

嘿@eKoopmans ，谢谢您的回复，希望您能尽快解决，谢谢您的帮助

您好@eKoopmans ，希望您还好，是否可以针对此轮换问题对模块“ html2PDF”进行任何升级？

谢谢，

不，但是谢谢您的提醒。 您可能已经注意到，我在漫长的休假之后才刚刚回到项目。 看起来@niklasvh昨天刚刚发布了v1.0.0 Alpha版，可能包含一些答案！

@niklasvh，如果您正在阅读，对不起，我没有做任何事情来帮助html2canvas。 我希望一切顺利！

您好@eKoopmans非常感谢您的快速回复，
是的，我测试了最新版本，但是我注意到使用旋转时总是会遇到相同的问题（结果被裁剪），
在此最新发行版中，它缺少将“ scale”用于“ html2pdf”的功能，是否提供了将其添加到其中的功能？

@amineeg您是在谈论html2canvas或html2pdf的最新版本吗？

html2canvas的最新版本中添加了scale选项，尽管它没有dpi 。 它尚未解决裁剪和CSS转换的问题。

@eKoopmans是的，您是对的，它包含刻度，希望轮换的问题会尽快解决。
非常感谢您的帮助。

我遇到了比例尺的裁剪问题。
当缩放到更大的图像时，它可以正常工作（fe transform scale（1.4））
当缩放到较小的图像时，它将裁剪图像（fe transform scale（0.6））

@eKoopmans ，您好，有关此问题的新闻吗？ 我们可以以某种方式帮助您解决轮换问题吗？

您好@eKoopmans @CreativForm ，

这个错误有什么消息吗？

谢谢，

嗨@amineeg从我这一边不，我在等@eKoopmans说些什么。 :)

感谢@CreativForm ， @eKoopmans @niklasvh有关此问题的任何新闻吗？

@eKoopmans在这个问题上有什么动静吗？

尝试使用以下方法将窗口滚动到顶部：

window.scrollTo(0,0);

我已经亲自测试了此解决方案，并可以证明它对我有用-似乎是html2canvas的错误。

不知道为什么，但是即使一个元素完全不在屏幕上，这也不是问题。 但是似乎并未一直滚动到顶部，显然似乎导致捕获的画布图像垂直偏移了滚动了多少图像。

这将导致生成的图像具有正确的高度，但从顶部开始偏移X个像素，从而使图像的顶部具有空白空间。

参考： https :