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;
}

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!