相机旋转角度的术语
=========

在适配相机旋转角度中涉及设备方向、镜头角度、屏幕显示角度等多个术语，开发者可以了解相关概念，帮助理解框架的运作机制。

#### 设备自然方向

**设备自然方向**指设备默认的使用方向，以手机为例，如图所示，手机的自然方向为竖屏且充电口向下。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/94/v3/MH2kD7v2SY-7ng3q48n1Dg/zh-cn_image_0000002625108349.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=1CA25E54136857534E45E745DE6E0056AB1E8B17910A1E0734CF709225C0802E)

#### 屏幕显示方向

**屏幕显示方向**指当前用户视角下，设备正确的显示方向。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/82/v3/OE6yY_f4SMqa8vux5kHshQ/zh-cn_image_0000002594668832.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=460A536073F7819FE7373776CE2AB8F27AF48EEF511F911DBA14CD99E0EC7F5F)

#### 屏幕旋转角度

显示设备的屏幕顺时针旋转角度，简称为**屏幕旋转角度**，即设备从自然方向到当前方向的顺时针夹角。

如图所示，图示夹角即为屏幕旋转角度，可通过[Display.rotation](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#属性)获取。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/80/v3/DkrEWFCrSymu6H_1M5WyEQ/zh-cn_image_0000002594828760.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=8C07447FF5E4885B292BE03F0CC5705353471C4799BB9676EE5D5E3FADFF4400)

#### 相机镜头安装角度

**相机镜头安装角度**指相机采集图像方向到设备自然方向在顺时针方向的夹角。

以手机为例，手机后置相机传感器是横屏安装的，当手机在竖屏方向使用后置相机镜头拍摄时，相机采集到的原始图像方向如图所示。

此时图像需要顺时针旋转90度，才能与设备自然方向保持一致，所以**后置相机的镜头角度为90度**。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/2/v3/ydIfY0SsT6a149aFQqMFIw/zh-cn_image_0000002625188207.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=BA2D759320846650AD093C3497C82C931720D87D151B6A64BE578D810841B25E)

而手机前置镜头，是朝向使用者的，当手机在竖屏方向使用前置相机镜头拍摄时，出图方向与后置出图方向互为镜像，如下图所示，**前置相机的镜头角度为270度**。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/c8/v3/y0D6TjoOS2aRCUYOaxfklA/zh-cn_image_0000002625108351.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=7C57BD16320D816A9DCAA30805F05D5B7DF8F03EE47EE69277FAB2290A6BC9FA)

#### 预览旋转角度

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/e5/v3/0oQQHMe_R_GalqAULNrccw/note_3.0-zh-cn.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=43AC7B504DF392B28587721E895A2EC1C33047FB16211ECA29AC87CEC18307CC)

开发者可参考以下章节，了解框架实现的机制，在实际开发过程中，推荐通过接口[获取预览旋转角度](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/camera-rotation-angle-adaptation#预览)。

在预览时，图像旋转角度与屏幕显示旋转角度相关。系统将以原始图像方向为基线，根据相机镜头角度和屏幕显示补偿角度，旋转图像。

计算公式：图像旋转角度=镜头安装角度+屏幕显示补偿角度，屏幕显示补偿角度的值与屏幕旋转角度相等。

以手机设备为例展示相机在预览下如何处理图像，计算的角度设置给系统侧，作用于直接送显场景，应用自绘制参考[应用自绘制预览角度处理](#应用自绘制预览角度处理)。

| 设备和镜头方向 | 处理过程示意图 |
| :-- | :-- |
| 
**设备条件：**

手机竖屏、充电口向下。

使用后置相机拍摄。

**可得：**

\- 后置相机镜头角度 = 90°

\- 屏幕旋转角度= 0°，[Display.rotation](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#属性) = 0

\- **图像预览旋转角度 = 90°+0° = 90°**

 | ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/72/v3/mWa8izsFQ7WkYGN9pxkK5g/zh-cn_image_0000002594668834.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=079E1F472BE06CD29EF0D688E28032187076647AC20E373952F2252543EB27D2) |
| 

**设备条件：**

手机横屏、充电口向左。

使用后置相机拍摄。

**可得：**

\- 后置相机镜头角度 = 90°

\- 屏幕旋转角度 = 90°，[Display.rotation](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#属性) = 1

\- **图像预览旋转角度 = 90°+90° = 180°**

 | ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/1f/v3/E-IpgZFjTW6G_54-AWh6OA/zh-cn_image_0000002594828762.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=A0F098C3191DB4EA258A1039B7B4A85B60B4A448F1EFAEE9B1871F1D5AEF7B09) |
| 

**设备条件：**

手机竖屏、充电口向上。

使用后置相机拍摄。

**可得：**

\- 后置相机镜头角度 = 90°

\- 屏幕旋转角度 = 180°，[Display.rotation](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#属性) = 2

\- **图像预览旋转角度 = 90°+180° = 270°**

 | ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/af/v3/Md9xTbIoQ3yCgOXznqjKlw/zh-cn_image_0000002625188209.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=23ACA9E9004321B16CC5005FC29F9F65C0EBB3553CBD1DDB805F2387473F630A) |
| 

**设备条件：**

手机横屏、充电口向右。

使用后置相机拍摄。

**可得：**

\- 后置相机镜头角度 = 90°

\- 屏幕旋转角度 = 270°，[Display.rotation](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#属性) = 3

\- **图像预览旋转角度 = 90°+270° = 0°**

 | ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/48/v3/0bY8iCAzQvGu24Fprdi-RA/zh-cn_image_0000002625108353.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=1E584230E072C72575CB245CD241351DF9957C0733B061252CD1E6533C8B5829) |
| 

**设备条件：**

手机竖屏、充电口向下。

使用前置相机拍摄。

**可得：**

\- 前置相机镜头角度 = 270°

\- 前置相机镜像出图

\- 屏幕旋转角度= 0°，[Display.rotation](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#属性) = 0

\- **图像预览旋转角度 = 270°+0° = 270°**

 | ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/9c/v3/qyrVB8yJQqi8-mYYFt-BzQ/zh-cn_image_0000002594668836.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=066DE529E02250DCF75D90E9D5617E111F5A788998B9BA0A793BBF756C69E8FF) |
| 

**设备条件：**

手机横屏、充电口向左。

使用前置相机拍摄。

**可得：**

\- 前置相机镜头角度 = 270°

\- 前置相机镜像出图

\- 屏幕旋转角度 = 90°，[Display.rotation](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#属性) = 1

\- **图像预览旋转角度 = 270°+90° =0°**

 | ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/5a/v3/G0WKcXvgRW-YaxYhmT6Aiw/zh-cn_image_0000002594828764.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=D2127ECCD778CC3DB1A2219BF817855EB45F6478EE040438FD1AFE992F83E1A6) |
| 

**设备条件：**

手机竖屏、充电口向上。

使用前置相机拍摄。

**可得：**

\- 前置相机镜头角度 = 270°

\- 前置相机镜像出图

\- 屏幕旋转角度 = 180°，[Display.rotation](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#属性) = 2

\- **图像预览旋转角度 = 270°+180° = 90°**

 | ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/6/v3/nLpQPA1OSxSamt5RrMFWbw/zh-cn_image_0000002625188211.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=7485DE5404F9E9B775F785F9C147B3CEF333942B2EC5060CE9A776BE02FD82DA) |
| 

**设备条件：**

手机横屏、充电口向右。

使用前置相机拍摄。

**可得：**

\- 前置相机镜头角度 = 270°

\- 前置相机镜像出图

\- 屏幕旋转角度 = 270°，[Display.rotation](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#属性) = 3

\- **图像预览旋转角度 = 270°+270° = 180°**

 | ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/3e/v3/6OsA3PVGQ8ayuZV2gEn75w/zh-cn_image_0000002625108355.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=6FD61D29336D9119AD63987986A9069FDF6D890A86A9DE1388DD05CDA1422679) |

#### 应用自绘制预览角度处理

应用自绘制场景是指应用获取图片后，通过libyuv、GL等图形处理库进行二次处理，生成新的图像数据并送到显示设备进行渲染绘制。

常见的实现方式是通过使用imageReceiver创建的回调流，应用层作为消费端，自行处理图片旋转等操作，以适应自绘制场景的预览角度需求。自绘制场景预览角度与[预览旋转角度](#预览旋转角度)中描述的场景存在细微差异。

主要差异体现在使用前置镜头拍摄预览的场景：

*   自绘制场景可以按照[预览旋转角度](#预览旋转角度)中的图示方式，先根据镜头的安装角度进行旋转，随后进行镜像处理，最后再次旋转以适应屏幕角度。然而，这种方式包含多个步骤，较为繁琐，不被推荐。
    
*   自绘制场景也可以采取先旋转再镜像的方式，这种方式需要考虑水平镜像和垂直镜像，具体的处理步骤如下图所示，代码实现可参考[自绘制场景预览角度的归一化处理](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/camera-rotation-angle-adaptation#自绘制场景预览角度的归一化处理)。
    

| 设备和镜头方向 | 处理过程示意图 |
| :-- | :-- |
| 
**设备条件：**

手机竖屏、充电口向下。

使用前置相机拍摄。

**可得：**

\- 前置相机镜头角度 = 270°

\- 前置相机镜像出图

\- 屏幕旋转角度= 0°，[Display.rotation](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#属性) = 0

\- **图像预览旋转角度 = 270°+0° = 270°**

 | ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/51/v3/FNub296tQfe423MrDmBuPA/zh-cn_image_0000002594668838.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=EFD8487FFE49471DC80B5A0058A67FEDF839C57ADC6C2C2971E18B438B476C70) |
| 

**设备条件：**

手机横屏、充电口向左。

使用前置相机拍摄。

**可得：**

\- 前置相机镜头角度 = 270°

\- 前置相机镜像出图

\- 屏幕旋转角度 = 90°，[Display.rotation](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#属性) = 1

\- **图像预览旋转角度 = 270°+90° = 0°**

 | ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/c7/v3/lk0yBEBbTo29ITXFuP_0Bw/zh-cn_image_0000002594828766.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=A7836F8135E6F90F166BC8DA907C2EB2152D963E9F3DE6A5D0601460AFBA8515) |

#### 拍照/录像角度

在拍照、录像时，图像旋转角度与设备重力方向（即设备旋转角度）相关。

*   使用后置相机拍摄时，图像旋转角度=[镜头安装角度](#相机镜头安装角度)+重力方向。
    
*   使用前置相机拍摄时，图像旋转角度=[镜头安装角度](#相机镜头安装角度)\-重力方向。
    

| 设备和镜头方向 | 处理过程示意图 |
| :-- | :-- |
| 
**设备条件：**

手机横屏、充电口向左。

使用后置相机拍摄。

**可得：**

\- 后置相机镜头角度 = 90°

\- 设备旋转角度 = 90°

\- **图像预览旋转角度 = 90°+90° = 180°**

 | ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/2a/v3/c-v5cMYWTfa9xRpK04HOrA/zh-cn_image_0000002625188213.png?HW-CC-KV=V1&HW-CC-Date=20260612T073514Z&HW-CC-Expire=86400&HW-CC-Sign=9C29EA689E6A4C36272E67419C2B85C13FEBAD94ACADDA63197A9AFBDACDFFEE) |

应用需要监听[SensorId.GRAVITY](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-sensor#gravity9-1)事件，获取重力传感器在x、y、z三个方向上的数据，计算得出设备旋转角度，请参考[计算设备旋转角度](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/camera-rotation-angle-adaptation#计算设备旋转角度)。