pic-marker

A Tool for Marking Pictures. Similar to editing after screenshots. Now,only for Vue

Installation

Install from GitHub via NPM

npm install pic-marker

Usage

To use pic-marker, simply import it and the css file, and call Vue.use() to install.

<template>
  <div id="app">
    <!-- component -->
     <pic-marker 
       :picUrl="picUrl" //图片地址
       @close="handelClose" //点击关闭图标的回调
       @complete="handelComplete"//点击完成图标的回调
     />
  </div>
</template>

main.js

import Vue from 'vue'
import Marker from 'pic-marker'
import 'pic-marker/lib/pic-marker.css'
Vue.use(Marker)
 
new Vue({
  router,
  store,
  components: { App },
  template: '<App/>',
}).$mount('#app')