54 lines
1.7 KiB
JavaScript
54 lines
1.7 KiB
JavaScript
// window.onload = function () {
|
||
|
||
// const appRef = document.getElementById("app")
|
||
// // 初始化页面
|
||
// calcRate()
|
||
|
||
// window.addEventListener('resize', calcRate)
|
||
|
||
// function calcRate () {
|
||
// if (!appRef) return
|
||
// // 获取浏览器缩放比例
|
||
// const browserRoom = getZoom()
|
||
// /**
|
||
// * 1. 先将宽高乘上浏览器缩放倍数x
|
||
// * 2. 再将整个页面用scale缩放 1/x 倍
|
||
// * 在视觉上，就感觉页面没有缩放
|
||
// */
|
||
// // 宽高
|
||
// const w = window.innerWidth * browserRoom
|
||
// const h = window.innerHeight * browserRoom
|
||
// // scale缩放比例
|
||
// const scl = parseFloat((1 / browserRoom).toFixed(5))
|
||
|
||
// // 页面重绘处理
|
||
// appRef.style.width = `${w}px`
|
||
// appRef.style.height = `${h}px`
|
||
// appRef.style.transform = `scale(${scl}, ${scl}) translate(-50%, -50%)`
|
||
// // 页面重绘完成后，再进行echarts重绘，保证echarts图表的自适应性
|
||
// myChart.resize()
|
||
// myChart2.resize()
|
||
|
||
// }
|
||
|
||
// // 获取浏览器缩放比例
|
||
// function getZoom() {
|
||
// let ratio = 0,
|
||
// screen = window.screen,
|
||
// ua = navigator.userAgent.toLowerCase();
|
||
// if (window.devicePixelRatio !== undefined) {
|
||
// ratio = window.devicePixelRatio;
|
||
// } else if (~ua.indexOf('msie')) {
|
||
// if (screen.deviceXDPI && screen.logicalXDPI) {
|
||
// ratio = screen.deviceXDPI / screen.logicalXDPI;
|
||
// }
|
||
// } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
|
||
// ratio = window.outerWidth / window.innerWidth;
|
||
// }
|
||
// if (ratio){
|
||
// ratio = Math.round(ratio * 100);
|
||
// }
|
||
// return parseFloat(ratio/100).toFixed(2);
|
||
|
||
// }
|
||
// }
|