css - 在 NVD3 svg 上使用 batik 时出现内联 block 错误

Question

我正在尝试将 Batik Rasterizer 与 NVD3 图表一起使用，但出现以下错误

java -jar batik-rasterizer.jar samples/discreteBar.svg
Enclosed Exception:
file:/c:/batik-1.7/samples/nv.d3.css:
Invalid CSS document.
The "inline-block" identifier is not a valid value for the "display" property.

我正在使用 NVD3 的默认 css 文件。我所做的唯一修改是向 svg 文件添加一些标题属性。诸如“DOCTYPE”和“xml-stylesheet”之类的东西。没有这些， batik 甚至不会尝试 build 。

这是我要栅格化的 NVD3 图表。 http://nvd3.org/ghpages/discreteBar.html

这是 svg 源(出于某种原因，它在我的 chrome 浏览器中显示不正确，但它在 IE、FF 和 safari 中工作。) The SVG Code

这是它生成的半成品 png 文件 Generated PNG file

这是css文件 NV.D3.css

这是完整的异常错误 Full Exception

NVD3 是否与 Batik 不兼容，是否是 batik build设置问题，NVD3 是否使用非标准 css？以前有人设法在 NVD3 图表上使用 Batik 吗？如有任何建议，我们将不胜感激。

Answer 1

inline-block 发明了 after the SVG 1.1 specification was written .

Batik 似乎不支持这一点，因此您必须更改 NV.D3.css 文件以使用 SVG 1.1 中的值之一

尝试将 inline-block 换成 inline 或 block 看看它是否有任何不同，看看你更喜欢哪一个。