2016-02-21から1日間の記事一覧

D3.jsをレスポンシブ対応させる(SVG自体を拡大縮小する)

備忘録的に。 svg内の各要素すべてを書き換える方法もあるが ここではsvg全体を丸ごと拡大縮小するやり方。 まずは htmlでsvgを記述。 id,width,heigthを設定する。 <svg id="field" width="500" height="300" viewBox="0 0 500 300" preserveAspectRatio="xMidYMid meet"> </svg>