0
타원 요소가있는 간단한 SVG를 만들려고하지만 Safari (Safari 만 해당)에서는 모두 비 원형 타원 선폭의 타원이 그려져 있습니다. 타원이 완전 원형 (rx == ry
)이면 정상적으로 그립니다.double-width 타원이있는 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>
그리고 여기 결과의 스크린 샷입니다 :
당신이 웹킷 버그를 발견 한 경우, [그것을보고] (https://webkit.org/reporting-bugs/) –
을 그것은 사파리 V10 https://jsfiddle.net/x2m2zyzv 나에게 올바르게 나타납니다 / – Duopixel