小程序图片水平垂直居中显示在view中

效果如下：无论图片多大  都是显示在容器view垂直居中，不拉伸

<view class="viewimage">
  <image src="/image/banner1.jpg" mode="aspectFit" class="myimage"></image>
</view>

.viewimage {
  width: 200px;
  height: 200px;
  background-color: black;
}

.myimage {
  width: 100%;
  height: 100%;
}