跳至主要內容

瓦片编辑

大约 2 分钟

瓦片编辑

大型图纸的瓦片模式打开与编辑，支持区域编辑和图层编辑。

在线示例

示例描述链接
瓦片打开大型图纸的瓦片方式打开在线演示{target="_blank"}
瓦片区域编辑TILEEDITAREA 选择矩形区域编辑在线演示{target="_blank"}
瓦片图层编辑TILEEDITLAYER 选择图层编辑在线演示{target="_blank"}
瓦片透明度TILEALPHA 设置瓦片图层透明度在线演示{target="_blank"}
遮盖层透明度TILEMASKALPHA 设置编辑区域遮盖层透明度在线演示{target="_blank"}

概述

瓦片模式专为大型 CAD 图纸设计，通过将图纸切分为瓦片进行渲染，可以：

  • 快速加载和显示超大图纸
  • 按需加载可视区域的内容
  • 支持局部区域或图层的编辑

核心 API

打开瓦片图纸

const { TileService } = vjcad;

// 以瓦片模式打开图纸
await TileService.openTile({
    mapid: 'large-drawing-id',
    version: 'v1'
});

区域编辑

// 选择矩形区域进入编辑模式
await Engine.editor.executerWithOp('TILEEDITAREA');

// 编辑完成后保存
await Engine.editor.executerWithOp('TILESAVE');

// 退出编辑模式
await Engine.editor.executerWithOp('TILEEXIT');

图层编辑

// 选择图层进入编辑模式
await Engine.editor.executerWithOp('TILEEDITLAYER');

透明度设置

// 设置瓦片图层透明度（0-1）
await Engine.editor.executerWithOp('TILEALPHA', { alpha: 0.5 });

// 设置编辑区域遮盖层透明度
await Engine.editor.executerWithOp('TILEMASKALPHA', { alpha: 0.3 });

瓦片模式 vs 矢量模式

特性瓦片模式矢量模式
加载速度快（按需加载）需要加载全部
适用场景大型图纸（>10MB）中小型图纸
编辑方式局部编辑全图编辑
显示质量光栅化（缩放有层级）矢量（无限缩放）

相关文档