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

Question

我有一个非常简单的图表，其中有一些节点。节点使用SVG背景图像，它们在Chrome / IE中没有问题地扩展。这些在JS中使用cytoscape css功能格式定义，并提供给cytoscape进行初始化。

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

Answer 1

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

Answer 2

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

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