Safari에서 SVG 방사형 진행 표시 줄이 회전하지 않습니다.

나는이 자습서를 다음입니다 : https://codepen.io/xgad/post/svg-radial-progress-meters Safari에서 SVG 방사형 진행 표시 줄이 회전하지 않습니다.

모든 것이 우리가 정상에서 대신 오른쪽에서 진행 시작하기로 rotate(-90deg)을 추가하려면 마지막 단계까지 모든 브라우저에서 좋아 보인다. Safari는 MacOS (Safari 10.0.1) 및 iOS (10.1)에서 모든 브라우저에서 작동하는 것으로 보입니다.

Safari의 버그입니까? 그것에 대해 아무 것도 찾을 수 없었습니다.
(쉬운) 해결 방법이 있습니까?

출처

2016-10-26 benface

게시 한 링크가 내 iPhone Safari에서 작동합니다. I.E. 회전합니다. –

@AllDani 그 페이지의 마지막 코데 픈은 이렇게 보입니까? http://imgur.com/a/VAHK2 – benface

말하기가 어렵습니다. 회전하기 때문에 이미지와 비교할 수 없습니다. –

여기는 iOS 버전이 https://openradar.appspot.com/27763347으로보고 된 Safari의 버그 (회귀) 인 것으로 보입니다. 이 버그는 MacOS 용 Safari 10에서도 재현 될 수 있습니다.

쉬운 해결 방법은 -90deg 대신 -89.9deg 회전하는 것입니다. 그 차이는 거의 눈에 띄지 않습니다.

출처

2016-10-26 12:12:18 benface

Safari에서 SVG 방사형 진행 표시 줄이 회전하지 않습니다.

답변

관련 문제