Math SVG Generator - Sandbox (Hono + CloudFlare Workers)
直接アクセス:
数式専用
/
図形専用
/
表専用
/
時計専用
数式生成
図形生成
表生成
時計生成
Input
1+1=ans(1,2,3)
Debug Mode:
Generate SVG
Get SVG (with cache)
Get SVG (force generate)
図形生成
図形タイプ:
三角形
長方形
ひし形
平行四辺形
台形
複合図形(composite)
デバッグモード
PDF横幅サイズ:
全幅(1列)
2分割
3分割
4分割
5分割
6分割
三角形(初期値)
三角形(3辺指定)
三角形(3辺指定2)
三角形(角度表示)
三角形(角度表示2)
三角形(角度表示3)
三角形(角度表示4)
三角形(角度表示5)
長方形
ひし形
平行四辺形
台形
四分円交差
図形を生成
表生成
表データ (JSON):
{ "rows": [ { "cells": [ { "content": "" }, { "content": "A", "style": { "backgroundColor": "#e5e5e5" } }, { "content": "B", "style": { "backgroundColor": "#e5e5e5" } }, { "content": "C", "style": { "backgroundColor": "#e5e5e5" } } ] }, { "cells": [ { "content": "A", "style": { "backgroundColor": "#e5e5e5" } }, { "content": "" }, { "content": "A-B" }, { "content": "A-C" } ] }, { "cells": [ { "content": "B", "style": { "backgroundColor": "#e5e5e5" } }, { "content": "B-A" }, { "content": "" }, { "content": "B-C" } ] }, { "cells": [ { "content": "C", "style": { "backgroundColor": "#e5e5e5" } }, { "content": "C-A" }, { "content": "C-B" }, { "content": "" } ] } ], "style": { "diagonalLine": true, "diagonalLineColor": "#333", "diagonalLineWidth": 1 }, "pdfWidth": "2cols" }
PDF横幅サイズ:
カスタム(width指定)
全幅(1列)
2分割
3分割
4分割
5分割
6分割
gapX (mm):
デバッグモード
グリッド形式
時間と水の深さ
長さと重さ
通学時間と人数
身長の表
3班と4班
表を生成
時計生成
h (0〜23):
m (0〜59):
デバッグモード
PDF横幅サイズ:
全幅(1列)
2分割
3分割
4分割
5分割
6分割
gapX (mm):
文字盤:
目盛り + 数字
目盛りのみ
時計を生成
Result
答えを非表示
座標を表示
Cache Sample Gallery
SVG生成時に保存されるキャッシュを使って、代表的なサンプル問題をまとめて確認できます。
キャッシュを再取得
未取得