VTK 入门系列之二:为三维场景添加坐标轴
一、引言
在进行三维可视化开发时,我们常常希望能够清晰了解模型在空间中的位置、方向与比例关系。而最直观的辅助工具就是三维坐标轴(Axes)。在 VTK 中,vtkAxesActor 提供了一种开箱即用的方式来将 X、Y、Z 三个方向的坐标轴渲染到场景中,增强空间感知。
本篇我们将通过一个完整的 C++ 示例,逐步分析如何使用 VTK 构建一个包含:
- 一个球体模型;
- 一组平移后的三维坐标轴;
- 基本的摄像机旋转与视图设置;
的基础渲染场景。
二、工程代码一览
以下是完整的 C++ 示例代码,使用 VTK 官方推荐的 vtkNew<> 智能指针风格:
#include <vtkActor.h>
#include <vtkAxesActor.h>
#include <vtkCamera.h>
#include <vtkCaptionActor2D.h>
#include <vtkNamedColors.h>
#include <vtkNew.h>
#include <vtkPolyDataMapper.h>
#include <vtkRenderWindow.h>
#include <vtkRenderWindowInteractor.h>
#include <vtkRenderer.h>
#include <vtkSphereSource.h>
#include <vtkTextProperty.h>
#include <vtkTransform.h>
主函数部分:
int main()
{
// 1. 配色工具
vtkNew<vtkNamedColors> colors;
// 2. 球体模型源
vtkNew<vtkSphereSource> sphereSource;
sphereSource->SetRadius(0.5);
sphereSource->SetCenter(0.0, 0.0, 0.0);
// 3. 几何映射器
vtkNew<vtkPolyDataMapper> sphereMapper;
sphereMapper->SetInputConnection(sphereSource->GetOutputPort());
// 4. 渲染实体(Actor)
vtkNew<vtkActor> sphereActor;
sphereActor->SetMapper(sphereMapper);
// 5. 渲染器设置
vtkNew<vtkRenderer> renderer;
// 6. 渲染窗口
vtkNew<vtkRenderWindow> renderWindow;
renderWindow->SetWindowName("Axes");
renderWindow->AddRenderer(renderer);
renderWindow->SetSize(600, 600);
// 7. 交互器
vtkNew<vtkRenderWindowInteractor> renderWindowInteractor;
renderWindowInteractor->SetRenderWindow(renderWindow);
// 8. 添加球体到场景
renderer->AddActor(sphereActor);
renderer->SetBackground(colors->GetColor3d("CadetBlue").GetData());
// 9. 添加三维坐标轴 + 位移
vtkNew<vtkTransform> transform;
transform->Translate(1.0, 0.0, 0.0); // 坐标轴右移 1 个单位
vtkNew<vtkAxesActor> axes;
axes->SetUserTransform(transform); // 应用变换
renderer->AddActor(axes);
// 10. 调整相机角度
renderer->GetActiveCamera()->Azimuth(50);
renderer->GetActiveCamera()->Elevation(-30);
renderer->ResetCamera();
// 11. 启动渲染
renderWindow->Render();
renderWindowInteractor->Start();
return 0;
}
三、关键组件详解
1️⃣ vtkSphereSource:几何体数据源
vtkSphereSource 用于生成球体模型,它是 VTK 所有可视化的起点之一,输出一个标准的 vtkPolyData 数据集。
SetRadius(double)设置球的半径;SetCenter(x, y, z)设置球心位置。
sphereSource->SetRadius(0.5);
sphereSource->SetCenter(0.0, 0.0, 0.0);
2️⃣ vtkAxesActor:三维坐标轴
vtkAxesActor 是 VTK 中专门用于展示三维坐标轴的 Actor,它默认显示:
- 红色 X 轴、绿色 Y 轴、蓝色 Z 轴;
- 带箭头;
- 自动加粗与缩放;
- 显示 X/Y/Z 标签。
vtkNew<vtkAxesActor> axes;
axes->SetUserTransform(transform); // 应用平移变换
如果不使用 SetUserTransform(),坐标轴将默认出现在场景原点。
可选配置项包括:
axes->SetTotalLength(1.0, 1.0, 1.0); // 设置轴长
axes->SetShaftTypeToCylinder(); // 轴样式:Cylinder / Line / Tube
axes->SetAxisLabels(1); // 是否显示 X/Y/Z 标签
axes->SetCylinderRadius(0.02); // 粗细设置
3️⃣ vtkTransform:变换控制
VTK 中通过 vtkTransform 控制 Actor 的位置、旋转与缩放。它支持:
- 平移:
Translate(x, y, z) - 旋转:
RotateX(angle)/RotateY(angle)/RotateZ(angle) - 缩放:
Scale(x, y, z)
这些变换可以用来控制 vtkAxesActor、vtkActor 等在场景中的最终位置。
4️⃣ 渲染管线简介
这是一个典型的 VTK 可视化管线结构:
[数据源] → [Mapper] → [Actor] → [Renderer] → [RenderWindow]
在本例中:
vtkSphereSource是数据源;vtkPolyDataMapper负责几何数据 → 图元 → GPU;vtkActor作为场景中的实体节点;vtkRenderer管理场景和相机;vtkRenderWindow是输出窗口;vtkRenderWindowInteractor提供交互能力。
四、运行效果示意图(概念图)

你将在窗口中看到一个淡蓝背景下的球体和一组 RGB 三维坐标轴,坐标轴出现在球体右侧,并有箭头和字母标识方向。
五、进阶拓展建议
| 功能 | 类名 | 简介 |
|---|---|---|
| 显示多个模型 | vtkAppendPolyData |
合并多个几何对象 |
| 场景交互标尺 | vtkOrientationMarkerWidget |
显示一个固定角落坐标轴 |
| 精细轴控制 | vtkAnnotatedCubeActor |
创建可标注的方向方块 |
| GUI 集成 | Qt + VTK | 可嵌入 Qt 窗口构建完整应用 |
六、总结
在本文中,我们构建了一个基础的 VTK 可视化程序,展示了以下核心技能:
- 使用
vtkSphereSource构建几何体; - 使用
vtkAxesActor添加坐标轴辅助信息; - 使用
vtkTransform控制坐标轴位置; - 使用摄像机控制展示角度;
- 构建完整的 VTK 渲染管线。
坐标轴是三维场景中不可或缺的空间参考工具,也是后续可视化操作(如配准、交互、测量)的基础。
VTK 入门系列之二:为三维场景添加坐标轴的更多相关文章
- Cordova入门系列(二)分析第一个helloworld项目 转发 https://www.cnblogs.com/lishuxue/p/6015420.html
Cordova入门系列(二)分析第一个helloworld项目 版权声明:本文为博主原创文章,转载请注明出处 上一章我们介绍了如何创建一个cordova android项目,这章我们介绍一下创建的 ...
- Disruptor 系列(二)使用场景
Disruptor 系列(二)使用场景 今天用一个订单问题来加深对 Disruptor 的理解.当系统中有订单产生时,系统首先会记录订单信息.同时也会发送消息到其他系统处理相关业务,最后才是订单的处理 ...
- Spring Boot入门系列(二十)快速打造Restful API 接口
spring boot入门系列文章已经写到第二十篇,前面我们讲了spring boot的基础入门的内容,也介绍了spring boot 整合mybatis,整合redis.整合Thymeleaf 模板 ...
- HTML和CSS 入门系列(二):文字、表单、表格、浮动、定位、框架布局、SEO
上一篇:HTML和CSS 入门系列(一):超链接.选择器.颜色.盒模式.DIV布局.图片 一.文字 1.1 属性 1.2 字体样式:font-family 1.3 字体大小:font-size 1.4 ...
- 爬虫入门系列(二):优雅的HTTP库requests
在系列文章的第一篇中介绍了 HTTP 协议,Python 提供了很多模块来基于 HTTP 协议的网络编程,urllib.urllib2.urllib3.httplib.httplib2,都是和 HTT ...
- OPEN(SAP) UI5 学习入门系列之二: 最佳实践练习(上)
这篇博文难产了很久,原来是打算一周更新一篇的,上周原计划写MVC,但是写了一半,发现带入了太多的细节,不太符合这个入门系列的主题. 当我们学习一个新的技能的时候,如果一开始就面对大量的细节,很容易陷入 ...
- SuperMap iObject入门开发系列之二地下三维管线系统介绍
本文是一位好友“托马斯”授权给我来发表的,介绍都是他的研究成果,在此,非常感谢. 上次对超图平台组件式开发进行介绍,这次介绍的是基于这个框架开发的地下三维管线系统.地下管线涉及给水.雨水.污水.燃气. ...
- Maven 项目管理工具基础入门系列(二)
一.前言 在 Maven 项目管理工具基础知识系列(一) 这篇文章中,我们已经初步了解了 Maven,也知道了使用 Maven 作为项目管理工具的好处,特别是已经知道如何快速通过 Maven 构建 W ...
- Spring Boot 入门系列(二十三)整合Mybatis,实现多数据源配置!
d之前介绍了Spring Boot 整合mybatis 使用注解方式配置的方式实现增删改查以及一些复杂自定义的sql 语句 .想必大家对spring boot 项目中,如何使用mybatis 有了一定 ...
- Spring Boot 入门系列(二十五)读取配置文件的几种方式详解!
在项目开发中经常会用到配置文件,之前介绍过Spring Boot 资源文件属性配置的方法,但是很多朋友反馈说介绍的不够详细全面.所以, 今天完整的分享Spring Boot读取配置文件的几种方式! S ...
随机推荐
- Delphi Cxgrid获取选中行列,排序规则,当前正在编辑的单元格内的值
本文转自以下网址,感谢作者分享 https://blog.csdn.net/pcent/article/details/8169112 cxGrid1DBTableView1.Controller.F ...
- Maven配置多数据源
一.配置文件 修改maven配置文件,用户目录下.m2文件夹中的setting.xml,内容如下 <?xml version="1.0" encoding="UTF ...
- C#/.NET/.NET Core优秀项目和框架2025年1月简报
前言 公众号每月定期推广和分享的C#/.NET/.NET Core优秀项目和框架(每周至少会推荐两个优秀的项目和框架当然节假日除外),公众号推文中有项目和框架的详细介绍.功能特点.使用方式以及部分功能 ...
- [BZOJ3622] 已经没有什么好害怕的了 题解
发现难以维护差值,于是令 \(K=\frac{n+k}2\),这样就把问题转化为了"糖果"比"药片"大的组数为 \(K\) 的情况有多少种. 设 \(dp_{i ...
- 如何通过 Python 实现一个消息队列,为在线客服系统与海外运营的APP对接
我在业余时间开发了一款自己的独立产品:升讯威在线客服与营销系统.陆陆续续开发了几年,从一开始的偶有用户尝试,到如今线上环境和私有化部署均有了越来越多的稳定用户. 而我收到的用户需求也越来越多,产品化的 ...
- Vue press 支持图片放大功能的代码分享
介绍 VuePress 由两部分组成:一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题.它是为了支持 Vue 子项目的文档需求而创建的. 由 VuePress ...
- Python 潮流周刊#90:uv 一周岁了,优缺点分析(摘要)
本周刊由 Python猫 出品,精心筛选国内外的 250+ 信息源,为你挑选最值得分享的文章.教程.开源项目.软件工具.播客和视频.热门话题等内容.愿景:帮助所有读者精进 Python 技术,并增长职 ...
- Flume - [05] Hbase sink
一.概述 此接收器将数据写入Hbase.Hbase配置是从类路径中遇到的第一个Hbase-site.xml获取的.由配置指定的实现 HbaseEventSerializer 的类用于将事件转换为 ...
- 《HelloGitHub》第 107 期
兴趣是最好的老师,HelloGitHub 让你对开源感兴趣! 简介 HelloGitHub 分享 GitHub 上有趣.入门级的开源项目. github.com/521xueweihan/HelloG ...
- hgame2025-Crypto小记
hgame2025-Crypto小记 发现积压在文件夹有一段时间了.整理一下发出来. suprimeRSA task.py from Crypto.Util.number import * impor ...