我的情况很简单。如果您绘制一个小椭圆,行程宽度非常大,那么浏览器会使椭圆呈现出奇怪的“猫眼”效果。
我在这里有一个jsfiddle:http://jsfiddle.net/MyBsC/4/
<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg" version="1.1">
<ellipse cx="80" cy="80" rx="8" ry="10" style="fill:yellow;stroke:purple;stroke-width:50"/>
</svg>
如果你玩小提琴并使椭圆变大,效果就会消失。它既发生在SVG椭圆上,也发生在画布内绘制的椭圆。
我在Mac OSX Lion上的Firefox 21.0,Chrome 26和Safari 5.1.7上观察到了这种行为
有谁知道为什么会这样?这是浏览器的错误吗?或者是否有我失踪的CSS属性?