Design and Optimization of a 100,000‑Seat Venue Seat‑Mapping System: From Flash to Canvas

The rebuilt 100,000‑seat venue mapping platform replaces Flash with an HTML5 Canvas‑SVG hybrid, splits rendering into tiled canvases, loads only visible stands, uses Bézier curves for arbitrary seat deformation, and implements quadrant‑based printing order, delivering fast, flexible, and scalable seat visualization and editing.

CanvasSVGfrontend engineering

0 likes · 11 min read

Design and Optimization of a 100,000‑Seat Venue Seat‑Mapping System: From Flash to Canvas

Alibaba Cloud Developer

Feb 3, 2020 · Frontend Development

How Alibaba Scaled Seat Mapping for 100,000‑Seat Venues Using Canvas & SVG

This article explains how Alibaba's ticketing platform redesigned its seat‑drawing system to handle venues with up to 100,000 seats by replacing Flash with a Canvas‑based SVG solution, optimizing data loading, implementing bezier‑curve seat deformation, efficient printing order calculation, and adding advanced editing features.

CanvasFrontendPerformance Optimization

0 likes · 12 min read

How Alibaba Scaled Seat Mapping for 100,000‑Seat Venues Using Canvas & SVG