weex中image使用resize="cover"问题

Question

weex中的代码如下:

<image class="m-image" :src="bigImage" resize="contain"></image>

web中css, 默认增加了下面样式

background-position: 50% 50%;

问题

发现图片从中间被裁掉了, 上下一部分不显示, 我期望的是截下面, 上面显示, 下面不显示, 请问题该怎么做?

Answer 1

推荐方案，通过监听image的load事件，获取图片的原始宽高，然后通过比例设置图片的宽高，保证图片显示的区域。不使用resize