シートマップ作成

座席表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  の値はチケットの料金プラン名と必ず一致させてください。

お困りですか? お問い合わせ お問い合わせ