camera iOS前+后摄像头均没按比例缩放 而是裁剪
发布于 6 年前 作者 tao15 11145 次浏览 来自 问答

canvas组件

1、在iOS上无论是前置摄像头还是后置摄像头 均未进行按比例缩放 而是进行的裁剪 导致画面太小;安卓采集的画面明显内容更多

2、cover-image 在开发者工具和安卓手机均未显示,在iOS可以正常显示。前提是cover-image的图片比camera要大。

代码如下:

<camera style="margin-top:{{isIphoneX ? 457: 435}}rpx;"class=“camera” device-position=“front” flash=“off” binderror=“error”>

   <cover-image class=“mask”  src="…/…/images/camera.png"></cover-image>

</camera>

.camera {

position: relative;

margin-left: 223rpx;

width: 360rpx;

height: 360rpx;

}

.mask {

position: absolute;

top: -210rpx;

left: -182rpx;

width: 650rpx;

height: 700rpx;

}

效果如图:

左为OPPO,右边iPhone7

下图为开发者工具效果图

1 回复

你好,此问题正在定位中,感谢反馈

回到顶部