javascript - 从 svg 或通过 canvas 的 svg 输出具有正确文件名的 300 个 png 图像?

标签 javascript canvas svg png

对于不支持 SVG 的浏览器,我想显示图表的静态图像而不是交互式版本。

一个想法是预先生成所有可能的图表状态(大约 300 个)。我尝试使用 Canvas2Image 库,但它似乎不允许我指定文件名。有什么解决方法吗?也许是服务器端解决方案?

最佳答案

还有其他几种方法可以解决这个问题。

rsvg 是一个静态单 channel 处理 SVG 的渲染库。它用于 ImageMagick 的转换工具,并且还具有 python 和其他绑定(bind)。有些人发现不支持各种 SVG-ism,但 rsvg 会时不时地获得更新,因此最好尝试看看。

inkscape 是一个 GUI 程序,包括 SVG->PNG 转换。但它也可以专门在命令行上使用(不需要 X11)。请参阅 man inkscape 了解可用于处理 svg 的所有命令行选项;它非常灵活。渲染速度相对较快。主要缺点是,作为一个 GUI 程序,它有很多依赖项,而 Web 服务器上可能不存在这些依赖项。

关于javascript - 从 svg 或通过 canvas 的 svg 输出具有正确文件名的 300 个 png 图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10635308/

相关文章:

javascript - 当内容分布在多行时显示更多内容的按钮

用于 UI 小部件的 HTML5 Canvas 库

javascript - 如何禁用隐藏元素?

java - Canvas 上的 SWT 可编辑文本字段

javascript - 将对象与 Canvas 的曲线对齐

html - 使边框夹住其他元素并显示背景内容

javascript - d3.js 节点之间的链接不呈现为线

PHP - 动态创建带有嵌入字体的 svg

javascript - html5 视频回退/备份图像不合适......?

javascript - 如何跟踪服务器中音频文件的播放次数?