【SVG】svgのviewBox属性。LUCKLOGLUCKLOGスポンサーリンク【SVG】svgのviewBox属性。2020年6月8日svg前の記事でsvgのviewBoxの基本パターンを5つ見ました。基本パターン以外に少しイレギュラーなケースがあるので、今回はそちらを図解していきます。目次(SVGについて複数ページ書いてます)SVGについての基本SVGのwidth・height属性はどう考えるとしっくりくる?20パターン検証!svgのwidth・height属性を徹底分析!~前半~20パターン検証!svgのwidth・height属性を徹底分析!~後半~17パターン検証!svgのwidth、heightをcssで設定し分析!svgのviewBox属性?カメラで写真を撮ることと比較して簡単理解!svgのviewBox属性。基本的の5パターンを検証!それぞれの特徴は?svgのviewBox属性。図解!余白ができる場合どうなる?(現在ココ)21パターン徹底検証!svgのviewBox属性を徹底分析!スポンサーリンク検証で使用するsvg(幅200px、高さ200px)※他の検証と同じsvgですsvgの他ページと同じ検証用svgの説明です。不要な方は読み飛ばしてくださいm(__)m検証用に下記のような図形を使用します。どの部分が抜き出されているか、拡大・縮小はどうなっているか、見た感じで分かりやすいように考えました。