↓TweetSVGアニメーションを制作しているとブラウザ間の挙動の違いで頭が狂いそうになります。原因を探っていたら結局ブラウザ側のバグでしたなんて事もざらにある。今回もそんな感じでcircleのstroke-widthが中々思い通りの挙動をしてくれなくて原因を探っていたら見つけた問題。SVGのviewboxの値の縦幅は横幅より大きいと何故かstroke-widthがバグるこの問題の厄介なところは1つバグってるviewboxがある他のviewboxにまで干渉して同じバグが出るところ。ChromeではSVGのstroke-widthはviewboxをheight>widthにするとバグる問題。ChromeではSVGのstroke-widthはviewboxをheight&rt;widthにするとバグる問題。CodePen.0ChromeではSVGのstroke-widthはviewboxをheight>widthにするとバグる問題。ChromeではSVGのstroke-widthはviewboxをheight&rt;widthにするとバグる問題。CodePen.0※埋め込みだと何故かバグらないのでcodepenのサイトで直接見てください・・・。2017/12/07やりたくない事は全力でやらないという選択。2017/09/04何故かロリポップ無料SSL導入後にWAF設定が勝手に有効化する件。2017/07/25ロリポップが無料SSL始めたってよ!実装もめちゃくちゃ簡単でした。Experienceが立ち上がる件。素人でもすぐに分かる!アイスホッケールールまとめ。56ビューWeChat機種変更時の移行について。40ビューjQuery(JavaScript)でスクロールに合わせて少しずつ背景画像を動かす方法。2017/12/07やりたくない事は全力でやらないという選択。2017/09/04何故かロリポップ無料SSL導入後にWAF設定が勝手に有効化する件。2017/07/25ロリポップが無料SSL始めたってよ!実装もめちゃくちゃ簡単でした。