svg - 使用 jsPDF 绘制 SVG 贝塞尔曲线的问题

Question

我在 SVG 中定义了一条贝塞尔曲线，我想使用 jsPDF 来绘制它。我无法使用 jsPDF 正确渲染曲线。如何使用 jsPDF 绘制下面 SVG 中定义的贝塞尔曲线？

SVG中的曲线：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="192" version="1.1" height="288">
    <path fill="black" stroke="black" d="M19.0544,25.8288C24.2384,43.2816,22.3952,46.9968,18.7376,50.510400000000004" stroke-width="0" font=" 10pt Arial"></path>
</svg>

我使用 jsPDF 在曲线上的尝试：

var doc = new jsPDF();
doc.lines([[24.2384, 43.2816, 22.3952, 46.9968, 18.7376, 50.5104]], null, null, [1, 1], 'FD');

渲染时 SVG 产生的内容（左）和我的 jsPDF 代码产生的内容（右）：

Answer 1

我没有在您的代码中看到最初的举动。根据我对文档的阅读，这不应该更像以下内容吗？

var doc = new jsPDF();
doc.lines([[24.2384, 43.2816, 22.3952, 46.9968, 18.7376, 50.5104]], 19.0544,25.8288, [1, 1]);

更新

没有注意到文档说坐标是相对的（感谢 Pomax），所以试试这个。

var doc = new jsPDF();
var x = 19.0544;
var y = 25.8288;
doc.lines([[24.2384-x, 43.2816-y, 22.3952-x, 46.9968-y, 18.7376-x, 50.5104-y]], x,y, [1, 1]);