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

Question

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

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