blog
iCraft Editor 基础使用

iCraft Editor 基础使用

元素类型

iCraft Editor 中的元素分为以下7种类型:

  • 基础几何体:包括立方体、圆柱体、棱柱体、平面等,可编辑几何参数
  • 3D模型:如服务器、存储设备等,可编辑颜色、缩放和旋转参数
  • 带图片的3D模型:如应用程序、软件服务,可自定义图片并调整缩放和旋转
  • 图片:如GCP、Azure等云服务图标
  • 图标:如 AntDesign Icon、Box Icon 等
  • 文字:用于添加说明和标注
  • 线条:用于连接和标注元素

新增元素

您可以通过左侧元素库,使用鼠标拖拽或点击的方式在画布中添加元素。

新增线条

  • 选中元素后,点击悬浮的连线按钮即可开始绘制连线。点击确定位置后,按空格键或回车键确认,按ESC键取消。当连线终点对准其他元素时,会自动吸附。
  • 也可以直接从左侧元素面板中选择线条元素进行添加。

新增文字

  • 选中元素后,点击添加文字按钮可为该元素添加关联文字。关联文字会跟随元素位置变化而移动。
  • 也可以直接从左侧元素面板中添加独立的文字元素。

编辑元素

调整元素位置

在画布中使用鼠标左键拖拽元素即可调整位置。

调整元素大小

通过元素属性面板调整缩放属性或几何参数来改变元素大小。

调整元素旋转

通过元素属性面板的rotation属性来调整元素的旋转角度。

调整元素颜色

通过元素属性面板的颜色属性来修改元素的颜色。

编辑线条

修改折点

选中线条后,可以拖拽线条上的折点来调整线条形状。

添加折点

选中线条后,点击线条上的任意位置即可添加新的折点。

修改线条属性

在右侧元素编辑面板中可以修改线条的颜色、粗细等属性。

编辑文字

选中文字后,可以在右侧元素属性面板中调整文字的内容、大小、颜色等属性。

悬浮提示

对于文字、平面、线条以外的元素,可以在其属性面板中开启悬浮提示功能,显示悬浮文字说明。

相机视角

调整相机视角为俯视(2D)

点击相机工具栏中的2D按钮,即可切换至俯视视角。

调整相机视角为正轴测图(3D)

点击相机工具栏中的3D按钮,即可切换至正轴测图视角。

调整相机类型

点击相机工具栏中的相机类型按钮,可在透视和正交两种模式间切换。

自定义相机

点击相机工具栏中的自定义相机按钮,可以保存当前场景的相机位置、旋转和缩放等参数。

旋转场景

按住[Alt]键的同时使用鼠标左键拖拽,即可旋转场景。

视频演示