<image src='image/11.png' mode='aspectFill' style='width: 100%; transform: rotate(0deg);'>image>
<view class='camera-view'>
<camera class='camera-custom'>
<cover-image src='image/11.png' mode='aspectFill' style='width: 100%; transform: rotate(90deg)'>cover-image>
camera>
view>
项目需要在相机上添加模板样式图片,考虑到使用camera 组件然后使用cover-image 添加图片,当图片旋转角度设置为90deg的时候,在pc端显示正常,在ios上显示错误并且mode='aspectFill'设置样式失败
考虑到可能是cover-image的问题,使用image加载图片测试,发现image显示正确,并且使用mode='aspectFill'设置的剪裁样式成功了
求助问题:我怎样才能把cover-image设置的像image那样,符合预期的现象?
我这面设置了旋转之后在开发工具里是正常旋转的,但是在ios端图片没有旋转,并且发生了错位,你那面没有这样的问题吗?
aspectFill缩放的这个我查过了,是因为cover-image只有src属性,所以缩放模式才不好用的吧
@官方
真机预览了一下,并没有发现真机和模拟器有什么地方不同?另外,aspectFill是缩放模式,并不会裁剪图片
@官方
wechatide://minicode/YvWhzxmc6CYQ
使用cover-image加载图片,将mode设置为aspectFill图片依然是充满整个组件,不是按照比例裁剪
设置transform: rotate(90deg)后,在开发者工具里和ios端显示不一致
你好,请问 在ios上显示错误并且mode='aspectFill'设置样式失败 是什么问题?
请麻烦补充一下问题描述,并给个相关的代码片段(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/minicode.html),我们定位下问题