perf: 优化标尺的展示方式

This commit is contained in:
奔跑的面条
2022-08-21 14:42:31 +08:00
parent 177fa6bfbe
commit 558512220e
4 changed files with 56 additions and 28 deletions
@@ -17,19 +17,16 @@ export const exportHandle = () => {
)
// 导出图片
const ruler = document.getElementById('mb-ruler')
const range = document.querySelector('.go-edit-range') as HTMLElement
const watermark = document.getElementById('go-edit-watermark')
// 隐藏边距线
if (!ruler || !range || !watermark) {
if (!range || !watermark) {
window['$message'].error('导出失败!')
return
}
// 记录缩放比例
const scaleTemp = chartEditStore.getEditCanvas.scale
// 去除标尺Dom
ruler.style.display = 'none'
// 百分百展示页面
chartEditStore.setScale(1, true)
// 展示水印
@@ -39,8 +36,6 @@ export const exportHandle = () => {
canvasCut(range, () => {
// 隐藏水印
if (watermark) watermark.style.display = 'none'
// 放开边距线
if (ruler) ruler.style.display = 'block'
// 还原页面大小
chartEditStore.setScale(scaleTemp, true)
})