vue3-sketch-ruler In using vue3, the zoom operation used for page presentation 🚀 Features 💪 Vue 3 Composition API 🔥 Written in TypeScript 💡 以鼠标为中心缩放页面, 可以使用pazoom的特性 📦 减化配置 💎 提供还原, 放大, 缩小的功能
1.vue3的eslint修复和styleLint和pretty的代码格式化,支持适应vue3中使用sketchRuler,同时改写为vue3 Composition API 的写法 2. 用typerscript进行重构,对类型进行定义,同时方便后续扩展 3.对shadow和palette参数进行对象合并计算,在以前palette的参数要么都传,要么不传,我这里改进后可以只传需要修 ...
`vue3-sketch-ruler`是一款专为Vue 3设计的页面缩放操作插件,使用TypeScript编写,并且对服务器端渲染(SSR)友好。这个插件提供了一种以鼠标为中心的页面缩放方式,简化了配置,并通过插槽的方式分离平台与业务代码,让开发者可以专注于业务逻辑。 6+ 7+ ##🔑 应用场景 ...
import RulerWrapper from './ruler-wrapper.vue' import { eye64, closeEye64 } from './cornerImg64' import { computed, ref, watch, onMounted } from 'vue' import { computed, ref, watch, onMounted, nextTick } from 'vue' import { sketchRulerProps } from '../index-types' import Panzoom...
Zoom operation of page display in vue 3 . Contribute to kakajun/vue3-sketch-ruler development by creating an account on GitHub.
querySelectorAll('.sketch-ruler .lines .line')) 140 + 141 + // 也可以根据 targetRect 显示位置 142 + // const pRect = dragParentRef.value!.getBoundingClientRect() 143 + // const hLines = post.lines.h.reduce((arr: any[], item: number) => { 144 + // const hTop = pRect....
18 18 "url": "https://gitee.com/majun2232/vue3-sketch-Ruler" 19 19 }, 20 20 "sideEffects": false, 21 - "main_": "lib/index.js", 22 - "main": "src/index.ts", 21 + "main": "lib/index.js", 22 + "main_": "src/index.ts", 23 23 "style": "lib/style.css...
Zoom operation of page display in vue 3 . Contribute to kakajun/vue3-sketch-ruler development by creating an account on GitHub.
Zoom operation of page display in vue 3 . Contribute to kakajun/vue3-sketch-ruler development by creating an account on GitHub.
Zoom operation of page display in vue 3 . Contribute to kakajun/vue3-sketch-ruler development by creating an account on GitHub.