vue-ruler-mini v1.0.6

vue-ruler-mini

This is a component that creates rulers. Its name is vue-rule-mini.Hopefully this component will help you in your development。

下载

npm i vue-ruler-mini

使用

1. 全局使用

import Ruler from "vue-ruler-mini";
Vue.components('Ruler',Ruler);

2. 局部使用

import Ruler from "vue-ruler-mini";
components: {Ruler}
  

Props

例子

 
 <template>
  <div style="position: relative;">
    <Ruler :scroll="scroll" :origin="origin" :zoom-h="2000" :zoom-w="2000"/>
  </div>
 <template/> 
 
<script>
import Ruler from "vue-ruler-mini";
export default {
  name: "test",
  components: {Ruler},
  data() {
    return {
      scroll: {
        left: 0,
        top: 0
      },
      origin: {
        h: 200,
        v: 100
      }
    }
  },
}
</script>