シートマップ作成
座席表SVGの作成に関する指示は以下の通りです。
座席行・座席列のマークアップ
各座席行・列には必ず data-row
属性を付与してください。例:<g data-row="A">
座席のマークアップ
各座席には data-seat
(座席番号や記号など)および data-category
(チケットプロジェクトで設定された料金プラン名と一致する値)属性を付与してください。
例:<circle data-seat="A1" data-category="Premium" ... />
SVGサイズ
SVGのサイズは、width="1000"
および height="1000"
以上、width="1200"
および height="1200"
以下としてください。
座席の形状
各座席は基本的なSVG要素(例:<circle>
や<rect>
)で表現してください。
- 座席要素は論理的な順序(例:行・番号順)で配置してください。
- 各座席形状のサイズは6単位以上としてください(例:
r="6"
、width="6"
、height="6"
など)。
例
<svg width="1100" height="1100"> <g data-row="A"> <circle data-seat="A1" data-category="Premium" cx="50" cy="50" r="8" /> <circle data-seat="A2" data-category="Standard" cx="100" cy="50" r="8" /> <!-- ... --> </g> <!-- ... --> </svg>
注意事項
data-category
の値はチケットの料金プラン名と必ず一致させてください。