2016-11-08 67 views
0

我想创建一个简单的SVG与椭圆元素,但在Safari(和只有Safari),它绘制所有非圆形椭圆加倍笔画宽度。如果椭圆完全是圆形的(rx == ry),那么它通常绘制它。safari svg与双倍宽度的椭圆

有没有人见过这种行为之前,或有任何想法如何解决它?我在macOS 10.12.1,Safari 10.0.1(12602.2.14.0.7)上看到了这种行为。它也只出现在我的视网膜显示屏上(2014 MBP),而不是在外部非视网膜显示屏上。

下面是我使用的HTML文件:

<!DOCTYPE html> 

<body> 

<style> 
    circle { 
    stroke: blue; 
    stroke-width: 3; 
    fill: none; 
    } 
    ellipse { 
    stroke: green; 
    stroke-width: 3; 
    fill: none; 
    } 
</style> 

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 
    <circle cx="50" cy="50" r="40"/> <!--Draws with normal stroke--> 
    <circle cx="60" cy="60" r="40"/> <!--Draws with normal stroke--> 
    <ellipse cx="70" cy="70" rx="40" ry="20"/> <!--Draws with doubled stroke--> 
    <ellipse cx="80" cy="80" rx="20" ry="20"/> <!--Draws with normal stroke--> 
</svg> 

</body> 

而这里的结果的截图:

svg with doubled ellipse stroke

+0

如果您发现WebKit的错误,[举报](https://webkit.org/reporting-bugs/) –

+0

它正确地在我看来,在Safari V10 https://jsfiddle.net/x2m2zyzv / – Duopixel

回答