📅 SVGカレンダー - 使い方ガイド
🎯 主な機能
- SVGカレンダー - 拡大しても劣化しないベクター形式で表示
- 祝日対応 - 日本の祝日を自動表示
- カスタマイズ可能 - 色の変更が可能
- 過去の日付の斜線表示 - オプション機能として過ぎた日が一目で分かる
🚀 基本的な使い方
1. カレンダーの直接表示
https://svg-calendar.com/calendar にアクセスカレンダーの例
2. 月の切り替え（ページ表示機能）
https://svg-calendar.com/page/ にアクセス/page/2025113. 過去の日付の斜線表示（オプション機能）
過去日付斜線入り版の例
4. 色のカスタマイズ（オプション機能）
?bgcolor=色コード を追加/calendar/202511?bgcolor=0000ff (斜線なし、青色) /calendar/202511/lines?bgcolor=ff0000 (斜線あり、赤色)ヘッダー色をカスタマイズしたカレンダーの例（斜線あり・赤色）
🔧 仕様
画像の直接表示
GET
/calendar/{yyyymm}
通常のカレンダー（斜線なし）を表示
GET /calendar/202511
GET
/calendar/{yyyymm}/lines
過去の日付に斜線が引かれたカレンダーを表示
GET /calendar/202511/lines
GET
/calendar/{yyyymm}/lines?bgcolor={color}
ヘッダー色をカスタマイズしたカレンダーを表示
GET /calendar/202511/lines?bgcolor=ff0000
📱 HTMLページの表示
GET
/page/{yyyymm}
ナビゲーション付きのHTMLページでカレンダーを表示（斜線付き）
GET /page/202511
🎨 色のカスタマイズ例
パラメーターに ?bgcolor=色コード を追加することで、色をカスタマイズできます。
よく使われる色コード
- オレンジ（デフォルト）:
ffa500 - 赤:
ff0000 - 青:
0000ff - 緑:
00ff00 - 紫:
800080 - グレー:
808080 - チェレステ:
59b6c6
🔍 特殊機能
動的ファビコン
GET
/favicon.ico
今日の日付が表示された動的ファビコンを表示。タブにも表示されます。→
💡 使用例
Webサイトへの埋め込み
<img src="https://svg-calendar.com/calendar/202511/lines?bgcolor=ff0000"
alt="2024年12月カレンダー"
style="max-width: 100%; height: auto;">
iframeでの表示
<iframe src="https://svg-calendar.com/page/202511"
width="800" height="600"
frameborder="0"></iframe>
⚠️ 注意事項
- 日付形式は
YYYYMM形式（例: 202412）で指定してください - 色コードは6桁の16進数で指定してください（#記号は不要）
- 過去の日付の斜線は、現在の日時を基準に自動判定されます
- HTMLページ（
/page/）では斜線なしのカレンダーが表示されます