| | |
| | | <section class="workspace"> |
| | | <main class="panel-card canvas-panel canvas-card"> |
| | | <div class="canvas-toolbar"> |
| | | <div class="canvas-toolbar-main"> |
| | | <div class="canvas-toolbar-title"> |
| | | <h1>PixiJS 自由画布地图编辑器</h1> |
| | | <span>编辑态使用自由画布 JSON,保存时再编译成现有运行地图,所以 `MapCanvas` 和后端算法继续只读 `BasMap.data`。</span> |
| | | </div> |
| | | <div class="canvas-toolbar-main"> |
| | | <div class="canvas-toolbar-title"> |
| | | <h1>PixiJS 自由画布地图编辑器</h1> |
| | | </div> |
| | | <div class="canvas-toolbar-meta"> |
| | | <span class="canvas-meta">楼层: {{ currentLev ? currentLev + 'F' : '--' }}</span> |
| | | <span class="canvas-meta">缩放: {{ viewPercent }}%</span> |
| | |
| | | <span>指针: {{ pointerStatus }}</span> |
| | | <span v-if="arrayPreviewCount > 0">阵列预览: 将生成 {{ arrayPreviewCount }} 个</span> |
| | | <span>未保存: {{ isDirty ? '是' : '否' }}</span> |
| | | </div> |
| | | <div class="note-card"> |
| | | <strong>运行边界</strong> |
| | | <span>画布里是自由拖拉拽,但运行侧仍只接受轴对齐矩形元素。保存时会编译回当前运行地图,不支持斜线、旋转和任意多边形。</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | 会按选中货架的实际空间排列分组填充。默认规则是上到下排号递减、左到右列号递增。 |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="footer-note"> |
| | | 编辑器只负责自由画布编辑,运行地图继续走当前 `BasMap.data`。所以这里允许自由拖拉矩形元素,但保存前会校验重叠、尺寸越界和 `devp` 必填字段,防止影响现有显示和算法。 |
| | | </div> |
| | | </div> |
| | | </aside> |
| | | </div> |
| | |
| | | <script type="text/javascript" src="../../static/vue/js/vue.min.js"></script> |
| | | <script type="text/javascript" src="../../static/vue/element/element.js"></script> |
| | | <script type="text/javascript" src="../../static/js/pixi-legacy.min.js"></script> |
| | | <script type="text/javascript" src="../../static/js/basMap/editor.js?v=20260321d"></script> |
| | | <script type="text/javascript" src="../../static/js/basMap/editor.js?v=20260321e"></script> |
| | | </body> |
| | | </html> |