vue中如何獲取圖片最大正方形區(qū)域？

<img class="previewer-demo-img" v-for="(src11,i) of item.images"  :src="src11" alt="" :key="i">

因?yàn)橄氤尸F(xiàn)微信朋友圈九宮格式的圖片展示，但是原始圖片大小不一，所以獲取圖片正中的一塊區(qū)域，做縮略圖，點(diǎn)擊之后再展示原始圖。

請(qǐng)教！

、、、、、、、、、、、、、補(bǔ)充、、、、、、、、、、、、、、、、、、

  .bg{
      font-size:30px;
      background-color:#cccccc;
      background-size:cover;
      width: 200px;
      height:200px;
      overflow:hidden;
   }
<div class="bg" style="background: url('../common/image/normal-head.png') no-repeat center;"></div>


圖片路徑確定是正確的，因?yàn)?lt;img src是可以的，但是還是圖片顯示不出來(lái)。