github/go-view
4
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2026-04-23 00:00:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat：新增预览页面位置图表位置渲染功能

Browse Source
This commit is contained in:
mtruning
2022-03-06 16:54:48 +08:00
parent 41798a2ec6
commit 33174f8208
8 changed files with 107 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/hooks/previewScale.hook.ts
+4 -11
View File
@@ -29,21 +29,14 @@ export const usePreviewScale = (
if (scaleDom) {
if (currentRate > baseProportion) {
// 表示更宽
scale.width = (
(window.innerHeight * baseProportion) /
baseWidth
).toFixed(5)
scale.width = ((window.innerHeight * baseProportion) / baseWidth).toFixed(5)
scale.height = (window.innerHeight / baseHeight).toFixed(5)
scaleDom.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
scaleDom.style.transform = `scale(${scale.width}, ${scale.height})`
} else {
// 表示更高
scale.height = (
window.innerWidth /
baseProportion /
baseHeight
).toFixed(5)
scale.height = (window.innerWidth / baseProportion / baseHeight).toFixed(5)
scale.width = (window.innerWidth / baseWidth).toFixed(5)
scaleDom.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
scaleDom.style.transform = `scale(${scale.width}, ${scale.height})`
}
}
}