/seat-map

vue+canvas绘制座位图

Primary LanguageVue

seatMap

vue+canvas实现座位图绘制

运行步骤

1.npm install

2.npm run dev

项目说明

该功能是在项目进程中独立完成的,会存在一些bug,还未优化,后续会持续完善,欢迎各位同仁提出宝贵意见与整改方式

操作步骤

1.运行好项目之后,就会看到座位选择的页面

2.首先要创建好表格, 这是canvas的画布

3.创建完之后就可以进行绘制,创建表格时如过选了座位选项,则房间控件是不可以点击的,相反座椅相关类的不可点击

4.保存图片功能我只做了生成base64,在console.log里会看到

5.提交按钮会保存当前所有信息,在console中查看,或者sessionStorage里查看