是一款基于Vue.js开发的交互式标尺工具组件,旨在提升前端开发者和设计师的工作效率,特别是在需要精确布局和测量网页元素的情况下。这个项目提供了一个直观且易于集成的解决方案,使得在Web应用中添加量规功能变得轻而易举。 技术解析 Vue Ruler Tool 使用了流行的前端框架Vue.js,它以数据驱动和组件化为核心,具备良好的...
importVuefrom'vue'importVueRulerToolfrom'vue-ruler-tool'Vue.component('vue-ruler-tool',VueRulerTool) 你现在就可以使用该组件了 <template><vue-ruler-tool:content-layout="{left:200,top:100}":is-scale-revise="true":preset-line="presetLine"></vue-ruler-tool></template>import VueRulerTool from...
<vue-ruler-tool :position="'fixed'" > isHotKey 类型:Boolean 默认值:true 快捷键键开关,目前仅支持快捷键R标尺显示开关 <vue-ruler-tool :is-hot-key="ture" > isScaleRevise 类型:Boolean 默认值:false 刻度修正(根据content进行刻度重置),意思就是从内容的位置开始从0计数 <vue-ruler-tool :is-scale...
14 $ npm install --save vue-ruler-tool 15 ``` 16 全局注册 17 ``` 18 import Vue from 'vue' 19 import VueRulerTool from 'vue-ruler-tool' 20 21 Vue.component('vue-ruler-tool', VueRulerTool) 22 ``` 23 你现在就可以使用该组件了 24 ``` ...
<vue-ruler-tool :parent="true" > position 类型:String 默认值:relative 可能值:['absolute', 'fixed', 'relative', 'static', 'inherit'] 规定标尺工具的定位类型 <vue-ruler-tool :position="'fixed'" > isHotKey 类型:Boolean 默认值:true ...
<vue-ruler-tool :position="'fixed'" > isHotKey 类型:Boolean 默认值:true 快捷键键开关,目前仅支持快捷键R标尺显示开关 <vue-ruler-tool :is-hot-key="ture" > isScaleRevise 类型:Boolean 默认值:false 刻度修正(根据content进行刻度重置),意思就是从内容的位置开始从0计数 ...
一个基于vue的标尺辅助线工具. Contribute to lovelylian/vue-ruler-tool development by creating an account on GitHub.
VueRuler Tool: 创新Web设计的新锐利器去发现同类优质开源项目:https://gitcode.com/是一款基于Vue.js开发的交互式标尺工具组件,旨在提升前端开发者和设计师的工作效率,特别是在需要精确布局和测量网页元素的情况下。这个项目提供了一个直观且易于集成的解决方案,使得在Web应用中添加量规功能变得轻而易举。技术解析Vue...
npm install vue-ruler-tool-1.0.0.tgz 在新项目中引用组件就可以使用了 报错 在引用后报错无法解析,需要检查webpack.config.js配置的输出文件路径是否与package.json一样。 发布到npm 1、注册 进入官网,注册帐号 2、登录并发布 npm login npm publish ...
"vue-ruler-tool": "^1.2.4", "vue-simple-uploader": "^0.7.6", "vue-splitpane": "^1.0.4", "vue-superslide": "^0.1.1", "vuedraggable": "^2.20.0", "vuex": "^3.1.0", "vuex-persistedstate": "^4.1.0", "vxe-table": "2.9.13", ...