a271256939
a271256939
2019-04-02 03:05

svg格式图片在<image>标签下不保持纵横比缩放,为什么我缩放不了?

  • 微信小程序

这是wxml image默认mode就是scaleToFill

 <block wx:for="{{tasks}}" wx:key="name" >
    <!-- 这里的height按理讲不应该放在task里面,这是现实相关的,应该在js处理 -->
    <block  wx:if="{{index%2==0}}">
        <view class='item' >
            <view style="position:relative;top:0;left:0;width:315rpx;height:850rpx">
            <image class ="taskBgimg" src="/images/taskBgImg.svg" style='width:100%;height:850rpx;z-index:-1'/>
            <template is="taskModel" data="{{...item}}"/>
        </view>
    </view>
</block>

下面是css

.item{
    margin: 15rpx;
}
.taskBgimg{
    position: absolute;
    top: 0;
    left: 0;
}

结果图片仍然按照原来比例

  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

0条回答

为你推荐