小程序筆記—image中如何顯示一張圖片的指定部分

image中可以調整mode屬性來調整圖片要顯示的上、中、下、左、右等各個區域，但是在使用過程中並不能精確指定，比如要實現如下效果：

怎麼辦呢？就是在一整張表情中根據點擊顯示點擊區域的表情。
體驗：

上代碼，一看就會：

.emoji {
  background: url('https://6e598.tcb.qcloud.la/meinv/qqface.png?sign=675ae84c299870334763ddd840dff0d7&t=1583653126') no-repeat scroll 0 0 transparent;
  width: 29px;
  height: 29px;
  vertical-align: middle;
}

<image class="emoji" style="background-position:-29px -29px"></image>

要點：
1、將圖片資源設置成背景
2、控制image寬高及背景位置