VUE怎么添加贴图 VUE添加贴图方法

VUE添加贴纤隐图方法。当我们拍完照片的时候，萌妹子们都喜欢添加贴图来美化图片，那么VUE怎么添加贴图呢？这个让小编来教教你们吧，毁稿厅一起和小编来看看VUE添加贴图方法吧。

相关教程：VUE设敬晌置视频时长方法

1）打开软件，拍摄一段视频，接着点击【跳过】，接着点击【笑脸】图案；（如下图）

<baidu-map class="map"态旁 :center="center" :zoom="zoom" :scroll-wheel-zoom="true" style="height: calc(100%)" ref="map">

                      <bm-overlay

                        v-for="point of points"

                        :key="point.type"

                        pane="markerPane"

                        class="map-marker"//设置肢胡自定义的图标位置样式

                        @draw="drawO(point, $event.map, $event.el)"//根据传入的经纬度计算在地图上的位置

                      >

                        <div  >历闭拦

                          <img src="../../assets/icon002.png" alt="" >//自定义图片

                          </div>

                      </bm-overlay>

              </baidu-map>

methods:{

    draw(region, map, el) {//根据经纬度计算图标显示位置

      let pixel = map.pointToOverlayPixel({

        lng: region.lng,

        lat: region.lat

      })

      el.style.left = pixel.x - 16 + "px"

      el.style.top = pixel.y - 31 + "px"

    },

readNodes(nodes) {//根据所有经纬度计算中心center和zoom

      let array = []

      nodes.forEach(item =>{

        array.push({ lng: item.lng, lat: item.lat })

      })

      setTimeout(() =>{

        let view = this.$refs.map.map.getViewport(array)

        this.center = view.center

        this.zoom = view.zoom

      }, 300)

    },

}

css：

.map-marker {

  position: absolute

  font-size: 16px

  color: dodgerblue

  font-weight: 500

  div {

    position: absolute//改变定位

    img {

      height: 30px

      width: 30px

    }

  }

}

---