code2svg

ソースコードをsvgに変換するserverless function

2023-02-19

20:20:58 heightの設定を不要にしました

横幅を狭めたいときは引き続きwidthを使ってください

フォントの大きさを変えたいときはfontSizeを指定してください

表示領域から下にはみ出たときは、はみ出た(表示上の)行数だけblanksに指定してください

サンプル

https://code2svg.vercel.app/svg/L10-14/https://raw.githubusercontent.com/scrapbox-jp/scrapbox-api.js/8730c20057e4a3d68f4d8dcfa386c0b6e907aace/pages.ts#.svg

moduleのimport

https://code2svg.vercel.app/svg/L1-18/https://raw.githubusercontent.com/takker99/code2svg/main/api/main.ts#.svg

https://code2svg.vercel.app/svg/L18/https://raw.githubusercontent.com/takker99/code2svg/main/api/main.ts#.svgはJSON importというやつtakker.icon

ちょっと使ってみた

なぜか隙間ができてる……

https://gyazo.com/72c4647fc4e8aa491c224fb436e64a92

なおした

body,pre{margin:unset}を追加して消した

https://code2svg.vercel.app/svg/L66,width=20em,blanks=4/https://raw.githubusercontent.com/takker99/code2svg/a6ffad0b1f53e8251ba5d1aba0fa1656f6ea517e/src/svgGet.ts#.svg https://github.com/takker99/code2svg/pull/2/commits/a6ffad0b1f53e8251ba5d1aba0fa1656f6ea517e#diff-5a98397193653ef4e4ddccd55527411dfdf236ba8d5086ea53ec1d39e6b27f2d

カラーテーマも変えられる

利用可能なテーマ一覧

https://code2svg.vercel.app/svg/L20-43,dark=classic-dark,light=classic-light/https://raw.githubusercontent.com/takker99/code2svg/main/api/main.ts#.svg

htmlファイルも読める

https://code2svg.vercel.app/svg/width=60em,blanks=48/https://scrapbox.io/villagepump#.svg

長いコードをscrapbox上でpreviewしたらおもしろ体験できたtakker.icon

https://gyazo.com/04d91644c92f4f40eb64d5f4b9ade8b8.mp4

スクボでgithub上のコードを読める

かなり見やすい

めっちゃ綺麗ですごいMijinko_SD.icon*3

井戸端クリスマスモードUserCSSみたいにどれが有効でどれが無効になっているのかわからないやつも見れるぞ！

https://code2svg.vercel.app/svg/https://scrapbox.io/api/code/villagepump/井戸端クリスマスモードUserCSS/style.css#.svg

（余白ここまで）

2023-02-19 20:20:46 余白をなくしましたtakker.icon