收藏
回答

movable-view中的图片在IOS上放大后模糊

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

movable-view中有个image,图片放在本地,图片本身不模糊。在Android中放大之后,图片由模糊迅速变为了清晰,而在IOS中放大之后,图片始终模糊。感觉在Android中,图片放大之后做了分级加载,而在IOS中没有这么处理。代码如下:


<movable-area>

    <movable-view x="0" y="0" direction="all" scale="true" animation="true" inertia="true" scale-min="1" scale-max="5" out-of-bounds>

        <image class='map' mode='widthFix' src='{{mapSrc}}'>

        </image>

    </movable-view>

</movable-area>




回答关注问题邀请回答
收藏

12 个回答

  • Eric Huang
    Eric Huang
    2019-08-09

    可以把 movable-view 的宽度放大 2 倍,再把 scale-value 设置 0.5 来减缓这个问题。

    2019-08-09
    有用 1
    回复 6
    • 阿肥
      阿肥
      2019-08-09
      只是减缓?但是还是模糊的么???
      2019-08-09
      回复
    • Eric Huang
      Eric Huang
      2019-08-09回复阿肥
      可以清晰一倍
      2019-08-09
      1
      回复
    • 淮南。
      淮南。
      2022-09-09
      现在有解决方案吗 已经过去三年了
      2022-09-09
      回复
    • 地主
      地主
      2023-09-21
      第四年了,啥时候能解决一下啊
      2023-09-21
      回复
    • 林如歌
      林如歌
      01-04
      xia j 8 che dan
      01-04
      回复
    查看更多(1)
  • 大明
    大明
    2022-08-02

    请问这个问题有答案了吗?

    2022-08-02
    有用 1
    回复
  • 想
    2018-08-22

    请问这个问题有答案了吗?

    2018-08-22
    有用 1
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-08-17

    你好,这个问题我们看下,感谢反馈。

    2018-08-17
    有用 1
    回复 4
    • 想
      2018-08-17回复

      机型 iPhone7 ,iPhone6s,微信版本6.7.1。代码如下:

      index.wxml文件

      <movable-area>

          <movable-view x="0" y="0" direction="all" scale="true" animation="true" inertia="true" scale-min="1" scale-max="3" out-of-bounds>

              <image class='map' mode='widthFix' src='../images/map_n2.jpg'>

              </image>

          </movable-view>

      </movable-area>


      index.wxss文件

      movable-area {

      width: 100%;

      height: 100%;

      }


      movable-view {

      width: 100%;

      height: 100%;

      }

      .map {

      width: 100%;

      margin-top: 40%;

      position: absolute;

      z-index: 1;

      }

      js和json文件中没有代码。

      图片可以随意用一张,或者从这里下载原图

      https://api.xzhao.top/map_n2.jpg

      2018-08-17
      3
      回复
    • 想
      2018-08-24

      在线等。。。

      2018-08-24
      回复
    • 阿肥
      阿肥
      2019-05-21回复

      请问这个问题有解决方案的了么?半年多了啊

      2019-05-21
      回复
    • 想
      2019-05-24回复阿肥

      没有,小程序官方没给回复,你可以也提问问一下官方

      2019-05-24
      回复
  • 地主
    地主
    2023-09-21

    请问有解决方案了么。我也遇到了同样的问题

    2023-09-21
    有用
    回复
  • Leon
    Leon
    2022-12-10


    scale 默认最小缩放值0.5, 然后可以给图片外层加多一个缩放,值zoom=等于 (750 / 图片宽度rpx)

    <view class="warp" style="width:{{ areaviewWidthRpx * zoom + 'rpx' }};height:{{ areaviewHeightRpx * zoom + 'rpx' }};transform:translateZ(0) scale({{ zoom }});">


    2022-12-10
    有用
    回复
  • Pine
    Pine
    2021-09-14

    插眼,2021年了还没修复

    2021-09-14
    有用
    回复
  • Kevin
    Kevin
    发表于小程序端
    2021-07-27

    请问问题解决了吗,我现在还是有同样问题

    2021-07-27
    有用
    回复
  • 2019-12-19

    请问,有解决方案吗?

    2019-12-19
    有用
    回复
  • 阿肥
    阿肥
    2019-05-21

    请问这个问题有解决方案了么???

    2019-05-21
    有用
    回复

正在加载...

登录 后发表内容