收藏
回答

image和cover-image在实际使用中存在差异,怎么解决?

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug image/cover-image 客户端 iOS 1.02.1803210 1.9.98


<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那样,符合预期的现象?

最后一次编辑于  2018-04-09
回答关注问题邀请回答
收藏

5 个回答

  • 海洋
    海洋
    2018-04-11

    我这面设置了旋转之后在开发工具里是正常旋转的,但是在ios端图片没有旋转,并且发生了错位,你那面没有这样的问题吗?

    aspectFill缩放的这个我查过了,是因为cover-image只有src属性,所以缩放模式才不好用的吧

    @官方

    2018-04-11
    有用
    回复
  • 韬々
    韬々
    2018-04-10

    真机预览了一下,并没有发现真机和模拟器有什么地方不同?另外,aspectFill是缩放模式,并不会裁剪图片

    2018-04-10
    有用
    回复
  • 海洋
    海洋
    2018-04-10

    @官方

    2018-04-10
    有用
    回复
  • 海洋
    海洋
    2018-04-09

    wechatide://minicode/YvWhzxmc6CYQ

    使用cover-image加载图片,将mode设置为aspectFill图片依然是充满整个组件,不是按照比例裁剪

    设置transform: rotate(90deg)后,在开发者工具里和ios端显示不一致

    2018-04-09
    有用
    回复
  • 韬々
    韬々
    2018-04-09

    你好,请问 在ios上显示错误并且mode='aspectFill'设置样式失败 是什么问题?


    请麻烦补充一下问题描述,并给个相关的代码片段(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/minicode.html),我们定位下问题

    2018-04-09
    有用
    回复
登录 后发表内容