输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
文档管理中心

HarmonyOS

输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
FAQ
FAQ媒体开发拍照和图片相机开发（Camera）视频预览分辨率设置

视频预览分辨率设置

更新时间: 2026-06-26 07:48
本文导读

问题现象

旋转手机，预览画面中物品高度变化明显，画面畸变。代码中的预览分辨率：previewProfile {"format":1003,"size":{"width":3200,"height":2400}}，XComponent的surfaceWidth: 3200, surfaceHeight: 2400。

收起
自动换行
深色代码主题
复制
  1. XComponent({
  2.   id: 'componentId',
  3.   type: 'surface',
  4.   controller: this.mXComponentController,
  5. }).onLoad(async () => {
  6.   this.surfaceId = this.mXComponentController.getXComponentSurfaceId();
  7.   let baseContext = this.getUIContext().getHostContext()! as common.BaseContext;
  8.   await this.initCamera(baseContext, this.surfaceId)
  9. }).width('100%')
  10.   .height('100%')

可能原因

XComponent宽高比设置不当。

解决措施

请确保.width('100%').height('100%')的值不都设置为100%，并保持width和height的比例与previewProfile的height与width比例一致。

视频流支持哪些格式
如何实现拍照预览onPreviewFrame回调
相关推荐
文档如何避免预览流产生畸变
文档视频通话时，画面比例显示异常
文档自定义界面扫码预览画面出现拉伸
文档相机预览画面拉伸
文档平板相机拍照预览画面拉伸
文档如何保证相机在全屏预览时不变形
文档应用在平板设备上的拍照取景框发生了旋转
文档打开相机进行拍照时，拍照预览区域尺寸异常
文档视频预览图尺寸和视频的尺寸不一致
文档播放视频时，画面展示不全，存在截断的情况
简体中文
华为开发者联盟 版权所有 ©2026
问题反馈
使用条款
华为开发者联盟用户协议
关于华为开发者联盟与隐私的声明
Cookies
开源软件声明
在 FAQ 中进行搜索
请输入您想要搜索的关键词