HTML5省略号渲染错误,笔画宽度非常大

时间:2013-05-27 20:20:51

标签: javascript html5 svg

我的情况很简单。如果您绘制一个小椭圆,行程宽度非常大,那么浏览器会使椭圆呈现出奇怪的“猫眼”效果。

我在这里有一个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属性?

0 个答案:

没有答案