Canvg |如何在SVG创建过程中设置canvas元素的样式?

时间:2015-12-03 11:28:13

标签: javascript css canvas svg canvg

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

我正在使用Canvg创建一个(隐藏的)canvas元素,并允许用户将SVG保存为图像或pdf。 Canvas看起来像这样:

Canvas version of SVG, translated by canvg

样式错误(!)并且某些路径似乎也丢失了。我尝试过使用CSS来改变样式。这适用于背景颜色和字体系列,但不适用于其他任何内容:

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

有没有人知道如何使用canvg创建canvas元素时设置路径和字体颜色的样式?

1 个答案:

答案 0 :(得分:0)

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

$("#svgdiv").printThis()

,它将以pdf格式下载。

有关更多信息:jasonday/printThis