等距 3D 视图

示例包含立方体、地板、光照和带孔 SVG 路径的挤出 Mesh。可切换 严格等距（方位角 45°、俯角 35.264°）与 2:1 二轴测（方位角 45°、俯角 30°）。视图高度控制缩放；改变相机距离不会改变正交投影的比例。

选择 Mesh 可以使用 3D gizmo。选择 平移 / 旋转 后拖动画布可平移视图；按住 Shift 拖动可在受限俯角内转动视角。滚轮以指针下的地面点为中心缩放，Shift + 滚轮平移；双指可以平移或捏合缩放。相机手势只改变当前画布的 3D 视图，不修改 2D 源图形，也不进入撤销历史。切换预设或调整滑块会重置相机姿态。

拾取遵循画面中的 3D 遮挡顺序，因此立方体挡住地板时会优先选中立方体。按下 Mesh 时会优先处理 3D 命中，不会误拖动重叠的 2D 源图形；选中对象的名称会随相机移动，并始终面向屏幕。

视角视图高度 380相机距离 650

使用“平移 / 旋转”拖动画布；按住 Shift 拖动可转动视角。滚轮缩放，Shift + 滚轮平移；双指可平移与缩放。

相机 API

api.setCamera3D({
    preset: 'isometric', // 或 'dimetric-2-1'
    center: [245, 180, 15],
    distance: 650,
    orthographicHeight: 380,
    clearColor: false,
});

setCamera3D 为当前画布设置专属相机，后加入的 Mesh 不会覆盖它。简单场景也可在 mesh3d 节点的 camera3d 中声明同样的配置；画布专属相机优先。预设使用 Z 向上的自由正交相机。未设置预设时，旧的联动相机行为不变。orthographicHeight 仅用于自由正交相机。

SVG 源图形仍可在原有 2D 画布中编辑。倾斜视图用于预览挤出 Mesh；在该视图中直接编辑源图形的 2D 锚点仍需后续实现。

等距 3D 视图 ​

相机 API ​

等距 3D 视图

相机 API