javascript - 坎夫 | 在从 SVG 创建期间如何设置画布元素的样式？

Question

我有一个从数据动态绘制的 SVG 图形。它看起来像这样：

我正在使用 Canvg 创建一个（隐藏的）画布元素并允许用户将 SVG 保存为图像或 pdf。画布看起来像这样：

样式错误（！），并且某些路径似乎也丢失了。我尝试使用 CSS 来更改样式。这适用于背景颜色和字体系列，但不适用于其他任何东西：

canvas#canvas {
    background-color: aliceblue;//works
    font-family: sans-serif;//works
    font-size: 10px;//works
    fill: gray;//doesn't work
}

有谁知道如何在使用 canvg 创建画布元素时设置路径和字体颜色的样式？

Answer 1

可以使用printThis库将 SVG 的 div 保存为 pdf。div ID 可用于将 SVG 转换为 pdf。例如：如果 divID 为svgdiv，则可以在 jquery 中执行此语句：

$("#svgdiv").printThis()

它将以pdf格式下载。

欲了解更多信息：jasonday/printThis