数据 URI 和 Graphviz

Question

是否可以使用 Graphviz [image] 标签嵌入数据 URI 字符串？ 即

simple.dot：（应该显示一个红点图像 -> 节点 B）

digraph G {

rankdir="LR";
A -> B [label="test 1"];

A [image="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="];
B [label="foo"];

}

运行这个

dot simple.dot -o simple.svg -Tsvg

这是我遇到的错误

Warning: No such file or directory while opening data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==
Warning: No or improper image="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" for node "A"

显示的结果图在节点 A 中没有图像。

你知道如何解决这个问题吗？

谢谢！

Answer 1

您可能必须修改 graphviz 的源代码才能读取/写入数据 uri。大概它需要加载图像来获取尺寸。

另一种选择是不在点文件中使用数据 uri，而是对生成的 svg 进行后处理（如果您想要的是一个独立的 svg 文件）。 SVG Scour 可能是轻松做到这一点的一种方法。 Inkscape 可能也可以为你做到这一点。