Cytoscape.js：节点 SVG 背景无法在 Firefox 中正确缩放

Question

我有一个非常简单的图表，其中包含几个节点。节点使用 SVG 背景图像，并且在 Chrome/IE 中可以毫无问题地缩放。这些是在 JS 中使用 cytoscape css 函数格式定义的，并提供给 cytoscape 进行初始化。

但是，它们似乎在 FF (v29.0) 中呈现为位图。如果我将大小设置为 50 像素，那就是它们保持的大小，任何缩放都会导致令人讨厌的像素化。奇怪的是，“原生” cytoscape 图形元素（箭头和文本）缩放没有问题。 有任何想法吗？

Answer 1

这是浏览器实现的差异。如果您不喜欢 Firefox 处理在画布中绘制 SVG 的方式，那么您应该向他们提交错误报告。

Answer 2

我能够使用样式 API 和缩放事件的仔细组合，根据给定的缩放量在 Firefox 中重绘 SVG 背景。

到目前为止，它对于小图的性能可以接受（我在任何时候画布上的节点都不会太多），所以看起来这将在 Firefox 中作为一个粗略的解决方法。