2016-11-08 1 views
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> 

그리고 여기 결과의 스크린 샷입니다 :

svg with doubled ellipse stroke

+0

당신이 웹킷 버그를 발견 한 경우, [그것을보고] (https://webkit.org/reporting-bugs/) –

+0

을 그것은 사파리 V10 https://jsfiddle.net/x2m2zyzv 나에게 올바르게 나타납니다 / – Duopixel

답변

관련 문제