HarmonyOS 相机预览画面会如何保持正常画面比例
使用XComponent做相机预览画面，如何按照设计稿中的尺寸定义预览画面宽高同时还能保持预览画面的正常比例避免画面被拉伸。使用该代码做画面预览发现视频预览画面被拉伸了。
XComponent({
id: 'videoRecord',
type: 'surface',
controller: this.xComponentController
}).onLoad(() => {
this.xComponentController.setXComponentSurfaceSize({ surfaceWidth: 1280, surfaceHeight: 720 })
this.surfaceId = this.xComponentController.getXComponentSurfaceId()
this.startPreview()
}).height('60%')
.width('100%')后面加上了个纵横比属性：.aspectRatio(720 /1280)，预览画面比例正常了，但是预览画面尺寸又变了有没有什么解决办法同时兼顾预览画面比例与画面尺寸？
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
相机预览画面畸变 ,旋转手机，预览画面中同一个水杯高度忽高忽低，画面畸变。
2263浏览 • 0回复 待解决
相机预览,相机预览是启动相机后看见的画面，通常在拍照和录像前执行。
2084浏览 • 1回复 待解决
HarmonyOS 自定义相机拍照如何判断预览画面中是否有人脸
874浏览 • 1回复 待解决
如何解决鸿蒙Next开发自定义相机在全屏预览的时候，画面会有变形和拉伸的问题?
537浏览 • 0回复 待解决
Page里通过XComponent显示相机预览，应用切到后台再切到前台，相机预览画面变成黑色了
2605浏览 • 1回复 待解决
HarmonyOS 相机开发，横屏时，摄像头的预览画面能否正向？
1065浏览 • 1回复 待解决
HarmonyOS 摄像头预览画面方向错误
1661浏览 • 1回复 待解决
HarmonyOS 相机如何让画面保留最后一帧 -
730浏览 • 1回复 待解决
鸿蒙应用开发什么时候能有布局预览画面
13086浏览 • 2回复 已解决
自定义界面扫码预览画面出现拉伸
2888浏览 • 1回复 待解决
HarmonyOS 相机开发，横屏时，摄像头的预览画面在phone和paid上面的展示方向不一致
942浏览 • 1回复 待解决
HarmonyOS NodeController调用this.rebuild()后，画面没有刷新
778浏览 • 1回复 待解决
HarmonyOS转屏后视频画面90度显示
1602浏览 • 1回复 待解决
HarmonyOS 获取系统相册中视频的首帧画面
1369浏览 • 1回复 待解决
HarmonyOS 调节加大相机焦距后拍照，预览画面恢复1倍焦距，拍摄出来的照片也是1倍焦距对应焦距取景框内容
1467浏览 • 1回复 待解决
HarmonyOS IJKPlayer是否支持变更XComponent组件渲染画面
1542浏览 • 1回复 待解决
HarmonyOS Webview页面偶现画面缩放异常，未占满全屏
1380浏览 • 1回复 待解决
通过摄像头实时预览拍摄画面，并截取一帧用于识别转换PixelMap时报错
1009浏览 • 1回复 待解决
HarmonyOS webview嵌入h5直播页 没有直播画面
1172浏览 • 1回复 待解决
DevEco Studio无法登陆 一直这个画面
12426浏览 • 2回复 已解决
HarmonyOS 如何获取沙箱下视频文件的某一帧画面
1111浏览 • 1回复 待解决
如何创建相机预览输出？
1200浏览 • 0回复 待解决
HarmonyOS 相机预览流如何占满 xcomponent？
1224浏览 • 1回复 待解决
HarmonyOS 相机-拍照之后预览
1980浏览 • 1回复 待解决
HarmonyOS 相机预览尺寸设置
818浏览 • 1回复 待解决
预览流与录像输出流的分辨率的宽高比要保持一致，如示例代码中宽高比为720:1280 = 9:16，则需要预览流中的分辨率的宽高比也为9:16，如分辨率选择360:640，或540:960，或1080:1920，以此类推。
参考资料：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/camera-preview-V5?catalogVersion=V5
建议把
改为
为了将高度和宽度设置为目标比例（720/1280），具体的尺寸需要乘以相同的倍数。