Excelから貼り付けるだけでSVG画像を作成します。行や列の結合も再現。

ExcelからSVGへの変換

Excelで作成した表をウェブページやブログ等へ貼り付け可能なSVG画像へと変換します。Excel to SVG。
処理はJavaScriptで完結しています。サーバーにアップロードされませんので機密データも安心。個人利用無料、商用利用無料。

Excelシートの範囲をコピーしてここへ貼り付けます

貼り付け後、セルの値を変更できます。

HTMLコード:

style

width

height

valign

align

SVG画像:

svg

width

height

backgroundColor

td

borderStyle

borderWidth

borderColor

whiteSpace

追加style

動作環境(2022-08-07時点)
・Google Chrome 103
・Microsoft Edge 103
・Mozilla Firefox 103
・Apple Safari 15.6 動作しますが、移動サイズ調整で正確なサイズになりません。
使い方:
Excelシートの範囲をコピーして、このページの貼り付けエリアへペーストします。

詳細説明:
Excelシートを範囲指定で選択し、Ctrl+C(または右クリックでコピー)します。そのままこのページの貼り付けエリアをクリックして、Ctrl+V(または右クリックで貼り付け)します。 HTMLテーブル構造がSVG画像としてリアルタイム生成されます。

注意:
  • ・Excelの罫線などの装飾は無視されます。
  • ・選択範囲がそのままテーブルタグになります。よってコピーする範囲は正確に決定ください。
  • ・Excel上でセルを連結していなくても、文字がはみ出して右のセルへかぶさっている場合は連結として判断される場合が有ります。その場合は列間隔を広くとってセル間の重なりを防いだ上でExcelからコピーしてください。
実施例:
Excelシートを用意します。
範囲を選択します。
Ctrl+C または、右クリックでコピーします。
本ページの貼り付け欄をクリックして Ctrl+V または、右クリックで貼り付けします。
結果プレビューが表示されます。この時点で、貼り付け欄でテーブルのセルを書き換えたりすることが可能です。
各種パラメータを調整してSVG画像を仕上げます。
各種パラメータ欄を空欄にすればその属性は適用されません。不足のstyleは追加styleに記述します。
完成したらSVG画像をダウンロードします。
backgroundColor, color
#fff , #ffffff , #ffffff88 , rgba(255,255,255,0.5) などの可能な形式は全て入力可能です。
padding
5px , 10px , 5px 10px , 5px 10px 5px 0 などの可能な形式は全て入力可能です。
その他CSS
追加styleに記述すればそのまま反映されます。
Excelから貼り付けるだけでHTMLテーブル構造のSVG画像を生成します。行や列の結合も再現。貼り付けたデータのセル値を書き換えたり微調整が可能です。
データはサーバーにアップロードされることは有りません。全てローカルで処理されますので機密文書でも安心してお使いいただけます。
2022年8月初版
このサイトについてのお問い合わせはエーオーシステムまでお願いいたします。
ご使用上の過失の有無を問わず、本プログラムの運用において発生した損害に対するいかなる請求があったとしても、その責任を負うものではありません。