微信小程序movable-view

Question

使movable-view中的图片固定大小

需要建一个类似地图的效果，找到了小程序这个组件。

地图由一张图片作为背景，在实现放大缩小地图的过程中，发现自己写的用来定位的标注，会随着图片放大缩小而同步变化。

但是希望它始终是统一大小，不然在手机上使用影响体验。

代码结构

<movable-area style="top:100rpx;height: 100%; width: 750rpx; overflow:hidden">
  <movable-view class='map' scale-min="0.5" scale-max="3" scale-value="1" direction="all" bindchange="onChange" bindscale="onScale" x="{{x}}" y="{{y}}" >
  <!--地图背景图片-->
    <image class='movable-img' src='{{mapUrl}}' >
      <!-- 标注 -->
       <view style='top:{{bubbleTop}}; left:{{bubbleLeft}}; position: absolute;' data-scale="{{dataScale}}">
        <!-- 标注图片 -->
            <image style="width: {{imgwidth}}; height: {{imgheight}}" src='../images/qie.jpg' />
        </view>
      </view> 
    </image>
  </movable-view>
</movable-area>

自己想到的解决办法

通过提供的api可以获取到scale的值，也就是当前的放大缩小倍数。用这个倍数去给标注图片做放大缩小的换算。但是发现并不能改变标注的大小。

问题大概就是上面这个样子，希望有人能给出理想的解决方案。

Answer 1

今天试了一下，css3的zoom就能解决这个问题。