2020年5月26日svg前の記事でsvgの「width」「height」属性とcssで指定した基本的な場合を見ました。本記事ではsvgの「width」「height」属性についてピックアップします。「width」と「height」の組み合わせを20パターン試してみて理解を深めたいと思います。目次(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)検証用に下記のような図形を使用します。どの部分が抜き出されているか、拡大・縮小はどうなっているか、見た感じで分かりやすいように考えました。