> In using vue3, the zoom operation used for page presentation. Latest version: 2.2.7, last published: 2 months ago. Start using vue3-sketch-ruler in your project by running `npm i vue3-sketch-ruler`. There are 29 other projects in the npm registry using
vue3-sketch-ruler In using vue3, the zoom operation used for page presentation 🚀 Features 💪 Vue 3 Composition API 🔥 Written in TypeScript 💡 以鼠标为中心缩放页面, 可以使用pazoom的特性 📦 减化配置 💎 提供还原, 放大, 缩小的功能 ...
Zoom operation of page display in vue 3 . Contribute to kakajun/vue3-sketch-ruler development by creating an account on GitHub.
import Panzoom from './panzoom' const props = defineProps(sketchRulerProps) const emit = defineEmits(['onCornerClick', 'update:scale']) const startX = ref(0) const startY = ref(0) const ownScale = ref(0) const ownScale = ref(1) const showReferLine = ref(props.isShowReferLine) ...
import SketchRule from '../../src/index' // 这里可以换成打包后的 import SketchRule from 'vue3-sketch-ruler' import 'vue3-sketch-ruler/lib/style.css' import type { PanzoomEventDetail, PanzoomEvent } from 'simple-panzoom' const rectWidth = ref(1470) const rectHeight = ref(800) 9 ...
sketchruleRef.value.initPanzoom() } } const state = reactive({ scale: 1, isBlack: false }) const cpuPalette = computed(() => { return state.isBlack ? { bgColor: 'transparent', hoverBg: '#fff', hoverColor: '#000', longfgColor: '#BABBBC', // ruler longer mark color fontColor...
ref="sketchruleRef" :width="rectWidth" :showRuler="showRuler" :show-ruler="showRuler" :height="rectHeight" :palette="cpuPalette" :snapsObj="snapsObj" :snaps-obj="snapsObj" :shadow="state.shadow" :canvasWidth="canvasWidth" :canvasHeight="canvasHeight" :panzoomOption="panzoomOption" ref...
"panzoom" ], "bugs": { "url": "https://github.com/kakajun/vue3-sketch-ruler/issues" "@daybrush/utils": "^1.13.0", "element-plus": "^2.3.8", "vue-router": "^4.2.2", "highlight.js": "^11.8.0", "pinia": "^2.1.4", "pinia-plugin-persistedstate": "^3.2.0" }, "publ...
Zoom operation of page display in vue 3 . Contribute to kakajun/vue3-sketch-ruler development by creating an account on GitHub.
<slotname="btn":reset="reset":zoomIn="zoomIn":zoomOut="zoomOut"></slot> <slot></slot>