Tile Editing
Less than 1 minute
Tile Editing
Open and edit large drawings in tile mode, with support for area editing and layer editing.
Online Examples
| Example | Description | Link |
|---|---|---|
| Tile Open | Open large drawings in tile mode | Online Demo{target="_blank"} |
| Tile Area Editing | TILEEDITAREA select rectangular area for editing | Online Demo{target="_blank"} |
| Tile Layer Editing | TILEEDITLAYER select layer for editing | Online Demo{target="_blank"} |
| Tile Transparency | TILEALPHA set tile layer transparency | Online Demo{target="_blank"} |
| Mask Layer Transparency | TILEMASKALPHA set edit area mask layer transparency | Online Demo{target="_blank"} |
Overview
Tile mode is designed for large CAD drawings. By splitting the drawing into tiles for rendering, it enables:
- Fast loading and display of very large drawings
- On-demand loading of visible area content
- Support for editing specific regions or layers
Core API
Open Tile Drawing
const { TileService } = vjcad;
// Open drawing in tile mode
await TileService.openTile({
mapid: 'large-drawing-id',
version: 'v1'
});Area Editing
// Select rectangular area to enter edit mode
await Engine.editor.executerWithOp('TILEEDITAREA');
// Save after editing
await Engine.editor.executerWithOp('TILESAVE');
// Exit edit mode
await Engine.editor.executerWithOp('TILEEXIT');Layer Editing
// Select layer to enter edit mode
await Engine.editor.executerWithOp('TILEEDITLAYER');Transparency Settings
// Set tile layer transparency (0-1)
await Engine.editor.executerWithOp('TILEALPHA', { alpha: 0.5 });
// Set edit area mask layer transparency
await Engine.editor.executerWithOp('TILEMASKALPHA', { alpha: 0.3 });Tile Mode vs Vector Mode
| Feature | Tile Mode | Vector Mode |
|---|---|---|
| Loading Speed | Fast (on-demand loading) | Requires full load |
| Use Cases | Large drawings (>10MB) | Small to medium drawings |
| Editing Method | Partial editing | Full drawing editing |
| Display Quality | Rasterized (zoom has levels) | Vector (infinite zoom) |