Firefox 66呈现问题：具有矢量效果的SVG圆：非缩放描边；

Question

使用 Firefox 66.0.2 渲染SVG圆存在一些令人不安的问题（请参见屏幕截图）。如果CSS属性vector-effect设置为non-scaling-stroke，则会发生此行为。

SVG示例：

<svg height="500" width="500">
    <circle style="vector-effect:non-scaling-stroke;" class="x" fill="#ffffff" stroke="#000000" stroke-width="5" r="30" cx="50" cy="50" >
</svg>

这里还有一个演示： https://resources.jointjs.com/demos/bpmn

我想找到一种临时解决方法，因为当您移动受影响的元素时，效果似乎消失了。但是，我找不到方法以编程方式“重新渲染”。例如移动，隐藏显示，设置属性，调整窗口大小……这些都不起作用。