javascript - Canvas |在从 SVG 创建过程中如何设置 Canvas 元素的样式?

标签 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 元素时设置路径和字体颜色的样式?

最佳答案

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

$("#svgdiv").printThis()

它将以 pdf 格式下载。

更多信息:jasonday/printThis

关于javascript - Canvas |在从 SVG 创建过程中如何设置 Canvas 元素的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34064856/

相关文章:

javascript - jQuery .on ('click' , ...) 选择器未注册中间点击

javascript - 防止 IFRAME 嵌入,但有一个异常(exception)

html - 当表格达到最小宽度时,宽度为 100% 的黑色 strip 会出现间隙

javascript - canvas.getContext 在 Canvas 上调用时不是函数

wpf - 将大的 WPF Canvas 切成许多小的 PNG 图像

javascript - jquery.extend(true, [], obj) 不创建深拷贝

javascript - 在框架的可内容编辑主体内的插入符号位置插入文本

html - Css 悬停不起作用

css - 未找到模块 : Error: Can't resolve './@fortawesome/fontawesome-free/css/fontawesome.css'

javascript - 为什么 width/height 元素属性呈现与内联/CSS 样式不同?