基于vue的网页尺子辅助划线工具（vue-ruler-tool）

vue-ruler-tool最近在网上找到一个网页制作辅助工具——jQuery尺子引导插件，我觉得可以用在当前project，插件是基于JQuery的，但是现在的项目是用vue写的。于是...，我照葫芦画瓢把它转成了Vue组件。总的来说是一个用处比较多的组件，所以想分享一下。项目地址https://github.com/gorkys/vue...特性不依赖拖拽辅助线快捷键支持嗯，其实这个组件并没有太多的特性~安装和基本使用$npminstall--savevue-ruler-tool全局注册importVuefrom'vue'importVueRulerToolfrom'vue-ruler-tool'Vue.component('vue-ruler-tool',VueRulerTool)你现在可以使用这个组件Propsposition类型：String默认值：相对可能values:['absolute','fixed','relative','static','inherit']指定标尺工具的定位类型isHotKeytype:Boolean默认值：true快捷键开关，目前只支持快捷键R标尺显示开关isScaleRevise类型：Boolean默认值：false比例修正（根据内容重置比例），即从内容的位置从0开始计数topSpacing类型：Number默认值：0，标尺与窗口的上间距，如果您的位置不固定，则需要此项leftSpacing类型：Number默认值：0标尺与窗口的左间距和窗口，如果你的位置不固定，则需要此项presetLinetype:Array默认值:[]acceptedformat:[{type:'l',site:50},{type:'v',site:180}]preset参考线l代表水平线，v代表垂直线，site为Number类型contentLayouttype:Object默认值:{top:50,left:50}内容部分布局分布，以及内容放置MethodsquickGenerationparameter:[{type:'l',site:100},{type:'v',site:200}]快速设置参考线，一般用来让用户输入letparams=[{type:'l',site:100},{type:'v',site:200}]this.$refs.rulerTool.quickGeneration(params)publishtonpmtutorial制作并发布第一个vue组件的npm包