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
下图为开发者工具效果图