我的SVG图形在Firefox中不能清晰呈现。例如，以下应产生14px x 14px的正方形，行程宽度为2px：
<svg width='14' height='14'><rect x='1' y='1' width='12' height='12' stroke='black' stroke-width='2' fill='transparent'/></svg>
Firefox通常会产生一个带有抗锯齿边的正方形。这可以在下面的jsfiddle中看到。事实上，当我调整浏览器窗口的大小时，模糊性会发生变化：有时它看起来很清晰，有时会变得模糊。
Chrome和Safari可以很好地吸引SVG。我只在Firefox中看到过这种情况。任何帮助将不胜感激。