jsPDF如何使一张图片以其自身中心旋转？

Question

我正在使用jsPDF从画布中现有对象创建PDF。因此，我有对象的坐标和旋转角度，我想将它们添加到我的PDF中。但是，每个图像都不会围绕自己的中心旋转，这导致坐标发生了显着变化。

var doc = new jsPDF('p', 'mm', 'a3');
doc.addImage(image, 'PNG', 100, 100, 52.916667, 52.916667, null, null, 45);
doc.save('a3.pdf');

有人能帮我使图像围绕自己的中心旋转吗？

这是一个 jsFiddle https://jsfiddle.net/bx0ucszo/6/

- Paul Petritsch

---

你能否添加一个能够重现这个问题的例子？ - karthick

@karthick 已编辑！ - Paul Petritsch

看起来 jsPDF 并不直接支持这种用例。您可以先将图像绘制到画布上，在那里您可以控制旋转点，然后将画布转换为 datauri，最后将图像添加到 PDF 中。这是一个迂回的解决方案，但应该可以工作。 - Jake Holzinger

为什么不直接导出画布本身呢？将画布转换为图像，然后再将图像转换为jspdf。 - karthick

Answer 1

我有同样的问题，你可以通过调整位置的X和Y度数来解决它。

这意味着如果你将图像旋转45度，它会在Y轴上下移动一些像素，我的解决方案是为Y设置负值，例如-100而不是100。

希望对你有用。

- Jose Gregorio Perez