2016-10-26 9 views
0

私はこのチュートリアルを次のです:https://codepen.io/xgad/post/svg-radial-progress-metersSafariでSVG放射状進行バーが回転しない、回避策はありますか?

すべては私たちが上から代わりの右側から進行開始を作るためにrotate(-90deg)を追加する最後のステップまですべてのブラウザでよさそうです。 Safari、MacOS(Safari 10.0.1)、iOS(10.1)ではすべてのブラウザで動作するようです。

  1. Safariのバグですか?私はそれについて何も見つけることができませんでした。
  2. 回避策はありますか?
+0

あなたが投稿したリンクは、自分のiPhone Safariで動作します。 I.回転します。 –

+0

@AllDaniそのページの最後のCodepenはこのように見えますか? http://imgur.com/a/VAHK2 – benface

+0

難しいです。回転するので、画像に匹敵しません。 –

答えて

0

これはSafariのバグ(回帰)で、iOSのバージョンはhttps://openradar.appspot.com/27763347と報告されています。このバグはMacOSのSafari 10でも再現できます。

簡単な回避策は、-90degの代わりに-89.9degだけ回転させることです。違いはほとんど目立たない。

関連する問題