Question

我正在尝试使用椭圆元素创建一个简单的SVG，但在Safari（并且只有Safari）中，它会绘制所有非圆形椭圆，并且笔画宽度加倍。如果椭圆是完美的圆形（rx == ry），则它会正常绘制。

之前有没有人见过这种行为，或者知道如何解决这个问题？我在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>

这是结果的截图：

Answer 1

此问题与底层框架有关。它将在下一次操作系统更新中得到纠正。 https://bugs.webkit.org/show_bug.cgi?id=164505#c3

safari svg，双宽椭圆

1 个答案: