<vue3-ruler-tool:value="presetLine":step-length="50":parent="true":is-scale-revise="true":visible.sync="visible"@input="input"> 我是内容 </vue3-ruler-tool> 预览地址 https://rulertool.yaolunmao.top/ 代码源于https://github.com/gorkys/vue-ruler-tool,只是改写成了vue3版本,并没有修复...
<vue-ruler-tool :is-scale-revise="ture" > presetLine 类型:Array 默认值:[] 接受格式:[{ type: 'l', site: 50 }, { type: 'v', site: 180 }] 预置参考线l代表水平线,v代表垂直线,site为Number类型 <vue-ruler-tool :preset-line="[{ type: 'l', site: 100 }, { type: 'v', site:...
<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...
vue-ruler-tool 一个基于vue的网页标尺辅助线工具 特点 没有依赖 可拖动的辅助线 快捷键支持 好吧,其实这个组件没什么太多的特点~ 安装与基本用法 $ npm install --save vue-ruler-tool 全局注册 import Vue from 'vue' import VueRulerTool from 'vue-ruler-tool' Vue.component('vue-ruler-tool', VueRule...
Vue Ruler Tool 使用了流行的前端框架Vue.js,它以数据驱动和组件化为核心,具备良好的可维护性和扩展性。此外,这个组件还利用了CSS3和HTML5的特性,确保其在现代浏览器上的高性能运行。通过封装自定义事件,开发者可以轻松地监听并响应用户的测量操作。 主要特点 ...
<vue-ruler-tool :parent="true" > position 类型:String 默认值:relative 可能值:['absolute', 'fixed', 'relative', 'static', 'inherit'] 规定标尺工具的定位类型 <vue-ruler-tool :position="'fixed'" > isHotKey 类型:Boolean 默认值:true ...
2.SelectVueas the framework. It will create a Vue 3 project. ? Select a framework: » - Use arrow-keys. Return to submit. Vanilla > Vue React Preact Lit Svelte Others 3.ChooseJavaScriptas the framework variant to build this Vite project using JavaScript and Vue. ...
一、依赖使用 安装依赖 cnpm install cs-ruler main.js中引入 import CsRuler from 'cs-ruler' Vue.use(CsRuler) 代码 使用 <template> <section> <!--poi
vue3-sketch-ruler In using vue3, the zoom operation used for page presentation 🚀 Features 💪 Vue 3 Composition API 🔥 Written in TypeScript 💡 以鼠标为中心缩放页面, 可以使用pazoom的特性 📦 减化配置 💎 提供还原, 放大, 缩小的功能 ...
根据文档引入 import VueRulerTool from 'vue-ruler-tool' Vue.component('vue-ruler-tool', VueRulerTool) vite出现异常 `Could not resolve "./components/vue-ruler-tool" node_modules/vue-ruler-tool/src/index.js:4:24: 4 │ export { default } from './compon...