如何开发像票务大师一样的交互式平面图，例如这个？
我建议使用 SVG 来绘制平面图中的形状。您可以将事件处理程序附加到 SVG 形状，以使它们响应单击和其他类型的事件。您还可以为元素指定类名以对其进行样式设置，并更改样式，例如悬停时。 SVG 与 React 集成得非常好，并且有大量关于将它们一起使用的教程。
另一种选择是使用 HTML5 画布来绘制形状。这也可行，但在我看来不太适合这种情况，因为你不能，例如缩放画布渲染的图形。您仍然可以查看 SVG 与画布上的this比较，以获取有关它们对不同需求的适用性的更多信息。
您很可能还需要构建一个后端，将平面图数据存储在数据库中并将其公开给前端。这可能最好使用 SQL 数据库和将其公开给前端的 RESTful API 来完成。
总结一下：前端最好使用 React（如果应用程序很大，可能还可以使用 redux）+ SVG 图形，后端 API 可以使用您想要的任何技术（例如 node/express 或 python/django）+ SQL 数据库（例如PostgreSQL）。
对于 2024 年即将到来的人，你可以看看 https://www.npmjs.com/package/@mezh-hq/react-seat-toolkit