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>
而这里的结果的截图:
如果您发现WebKit的错误,[举报](https://webkit.org/reporting-bugs/) –
它正确地在我看来,在Safari V10 https://jsfiddle.net/x2m2zyzv / – Duopixel