エクセルで書き出したSVGグラフをリサイズ

前回エクセルからSVGグラフを書き出し、HTMLにimgタグで埋め込みました。もし、objectタグで埋め込む場合は、サイズが大きすぎて扱いにくいので、リサイズするのが一つの手です

追記訂正:viewBox指定が最良の手だと考えます。

デフォルトだと大きすぎる

前回書き出したSVGグラフは、デフォルトで1653px×993pxありました。

エクセル上でリサイズすると文字が崩れてしまうので、SVGで出力した後にリサイズします。

画像編集ソフトでリサイズ

illustratorなどの画像編集ソフトで、SVGをリサイズします。

私はInkscapeを使って、500px×298pxにリサイズしてみました。

キャンバスも同じサイズにしないと、HTMLに埋め込むときに余計な空白ができてしまいます。

追記訂正:画像編集せず、SVGのコードでviewBox指定が良いです!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)