scale-web 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of scale-web might be problematic. Click here for more details.
- package/README.md +40 -0
- package/demo/scale.html +212 -0
- package/dist/css-scale-min.js +9 -0
- package/dist/index.js +9 -0
- package/package.json +18 -0
package/README.md
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
<!--
|
|
2
|
+
* @Author: liujie tiandiweb@qq.com
|
|
3
|
+
* @Date: 2022-11-28 11:14:46
|
|
4
|
+
* @LastEditors: liujie tiandiweb@qq.com
|
|
5
|
+
* @LastEditTime: 2022-11-28 11:53:56
|
|
6
|
+
* @FilePath: \mk-webd:\work\svgdemo\css-scale2\README.md
|
|
7
|
+
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
8
|
+
-->
|
|
9
|
+
# css-scale
|
|
10
|
+
屏幕适配插件，采用scale模式，只需要简单配置即可实现scale。
|
|
11
|
+
# Usage
|
|
12
|
+
调用函数 cssScale(_scaleSplitPix,_effectScreen,__config);
|
|
13
|
+
_scaleSplitPix：决定缩放时基于的像素。
|
|
14
|
+
例子：var _scaleSplitPix = {
|
|
15
|
+
minPix: 1766,//当屏幕在小屏时候，以1766进行缩放。
|
|
16
|
+
maxPix: 1920,//当屏幕在大屏时候，以1920进行缩放。
|
|
17
|
+
};
|
|
18
|
+
_effectScreen
|
|
19
|
+
例子：var _effectScreen = {
|
|
20
|
+
minScreenSize: 1540,//宽度小于1540像素的屏幕为小屏
|
|
21
|
+
maxScreenSize: 1920,//宽度大于1920像素的屏幕为大屏。
|
|
22
|
+
};
|
|
23
|
+
__config：其他配置
|
|
24
|
+
例子：var __config = {
|
|
25
|
+
forceMinScale:false,//在大屏时是否强制开启缩放。
|
|
26
|
+
forbidMinScale:false,//在大屏时候，是否禁止进行缩放
|
|
27
|
+
selector:'#response',//需要缩放的容器，
|
|
28
|
+
parentSelector:'#app',//需要缩放容器的父容器，父容器的父节点的宽高需要100%，如果是body，则 body和html都要 width：100%，height：100%。
|
|
29
|
+
// boxMinWidth:900,
|
|
30
|
+
// boxMinHeight:450,
|
|
31
|
+
// enable:false,//是否开启功能 false禁用，true 任何情况都缩放 ，不设置则按照条件
|
|
32
|
+
onScale:function(scale){//缩放后调用
|
|
33
|
+
//参数 scale：缩放率
|
|
34
|
+
console.log('缩放完成，缩放率:'+scale)
|
|
35
|
+
},
|
|
36
|
+
onReady:function(isScale){//准备缩放时候调用
|
|
37
|
+
//参数 isScale：根据屏幕判断是否需要进行缩放
|
|
38
|
+
console.log('你的屏幕是否需要缩放:'+isScale)
|
|
39
|
+
},
|
|
40
|
+
};
|
package/demo/scale.html
ADDED
|
@@ -0,0 +1,212 @@
|
|
|
1
|
+
<!--
|
|
2
|
+
* @Author: liujie tiandiweb@qq.com
|
|
3
|
+
* @Date: 2022-10-26 16:10:38
|
|
4
|
+
* @LastEditors: liujie tiandiweb@qq.com
|
|
5
|
+
* @LastEditTime: 2022-11-28 10:58:00
|
|
6
|
+
* @FilePath: \mk-webd:\work\svgdemo\scale.html
|
|
7
|
+
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
8
|
+
-->
|
|
9
|
+
<!DOCTYPE html>
|
|
10
|
+
<html>
|
|
11
|
+
|
|
12
|
+
<head>
|
|
13
|
+
<meta charset="utf-8">
|
|
14
|
+
<title></title>
|
|
15
|
+
<style>
|
|
16
|
+
html,
|
|
17
|
+
body {
|
|
18
|
+
width: 100%;
|
|
19
|
+
height: 100%;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
* {
|
|
23
|
+
margin: 0;
|
|
24
|
+
padding: 0;
|
|
25
|
+
}
|
|
26
|
+
/* html {
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
}
|
|
29
|
+
body {
|
|
30
|
+
overflow: scroll;
|
|
31
|
+
} */
|
|
32
|
+
#app{
|
|
33
|
+
width: 100%;
|
|
34
|
+
height: 100%;
|
|
35
|
+
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
</style>
|
|
39
|
+
</head>
|
|
40
|
+
|
|
41
|
+
<body>
|
|
42
|
+
<div id="app">
|
|
43
|
+
<div id="response"
|
|
44
|
+
style="overflow: auto;"
|
|
45
|
+
>
|
|
46
|
+
<div
|
|
47
|
+
id="content"
|
|
48
|
+
style="
|
|
49
|
+
width: 100%; height:100%;
|
|
50
|
+
background-color: royalblue;
|
|
51
|
+
/* min-width: 1440px;
|
|
52
|
+
max-width: 1540px; */
|
|
53
|
+
">
|
|
54
|
+
<!-- <img id="img" width="1366" src="./bigscreen.jpg" alt="" style="display:block;"> -->
|
|
55
|
+
<!-- <div style="font-size: 12px;">12PX d 的文字</div>
|
|
56
|
+
<div style="font-size: 13px;width: 900px;">13PX d 的文字</div>
|
|
57
|
+
<div style="font-size: 14px;">14PX d 的文字</div>
|
|
58
|
+
<div style="font-size: 15px;">15PX d 的文字</div>
|
|
59
|
+
<div style="font-size: 16px;">16PX d 的文字</div>
|
|
60
|
+
<div style="font-size: 17px;">17PX d 的文字</div>
|
|
61
|
+
<div style="font-size: 18px;">18PX d 的文字</div>
|
|
62
|
+
<div style="font-size: 20px;">20PX d 的文字</div>
|
|
63
|
+
<h1>fdsf</h1>
|
|
64
|
+
|
|
65
|
+
<h1>fdsf</h1>
|
|
66
|
+
|
|
67
|
+
<h1>放点其他内容</h1> -->
|
|
68
|
+
<input type="text" placeholder="占位内容123456">
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
<script src="../dist/css-scale-min.js"></script>
|
|
73
|
+
<script>
|
|
74
|
+
var _scaleSplitPix = {
|
|
75
|
+
minPix: 1766,
|
|
76
|
+
maxPix: 1920,
|
|
77
|
+
};
|
|
78
|
+
var _effectScreen = {
|
|
79
|
+
minScreenSize: 1540,
|
|
80
|
+
maxScreenSize: 1920,
|
|
81
|
+
};
|
|
82
|
+
var __config = {
|
|
83
|
+
forceMinScale:false,//For Middle Screen
|
|
84
|
+
forbidMinScale:false,//ForBigScreen
|
|
85
|
+
selector:'#response',
|
|
86
|
+
parentSelector:'#app',
|
|
87
|
+
// boxMinWidth:900,
|
|
88
|
+
// boxMinHeight:450,
|
|
89
|
+
// enable:false,//是否开启功能 false禁用，true 任何情况都缩放 ，不设置则按照条件
|
|
90
|
+
onScale:function(scale){
|
|
91
|
+
console.log('缩放完成，缩放率:'+scale)
|
|
92
|
+
},
|
|
93
|
+
onReady:function(isScale){
|
|
94
|
+
console.log('你的屏幕是否需要缩放:'+isScale)
|
|
95
|
+
},
|
|
96
|
+
};
|
|
97
|
+
|
|
98
|
+
// (function(scaleSplitPix, effectScreen, config) {
|
|
99
|
+
// let scaleStartPix = scaleSplitPix.minPix || 1366;
|
|
100
|
+
// var scaleEndPix = scaleSplitPix.maxPix==undefined ?
|
|
101
|
+
// (effectScreen.maxScreenSize ? effectScreen.maxScreenSize: false )
|
|
102
|
+
// : scaleSplitPix.maxPix;
|
|
103
|
+
// let _config = config ? config : {};
|
|
104
|
+
// _config.boxMinWidth = _config.boxMinWidth ? _config.boxMinWidth : 900;
|
|
105
|
+
// _config.boxMinHeight = _config.boxMinHeight ? _config.boxMinHeight : 900 * (900 / window.screen.width);
|
|
106
|
+
// _config.selector = _config.selector ? _config.selector : 'body';
|
|
107
|
+
// _config.parentSelector = _config.parentSelector ? _config.parentSelector : 'html';
|
|
108
|
+
// _config.minScreenSizeSplit = effectScreen.minScreenSize ? effectScreen.minScreenSize : 1440;
|
|
109
|
+
// _config.maxScreenSizeSplit = effectScreen.maxScreenSize ? effectScreen.maxScreenSize : 1920;
|
|
110
|
+
// var _isReady = false;
|
|
111
|
+
// var _isScale = false;
|
|
112
|
+
// var obj = $(_config.selector);
|
|
113
|
+
// obj.style.width = '100%';
|
|
114
|
+
// obj.style.height = '100%';
|
|
115
|
+
// if(_config.enable==false){
|
|
116
|
+
// _config.onReady && _config.onReady(false);
|
|
117
|
+
// return
|
|
118
|
+
// }
|
|
119
|
+
// window.addEventListener('load', function () {
|
|
120
|
+
// liujie_doScale();
|
|
121
|
+
// }, false);
|
|
122
|
+
// window.addEventListener('resize', function () {
|
|
123
|
+
// liujie_doScale();
|
|
124
|
+
// }, false);
|
|
125
|
+
// window.addEventListener('fullscreenchange', function () {
|
|
126
|
+
// liujie_doScale();
|
|
127
|
+
// }, false);
|
|
128
|
+
|
|
129
|
+
// var parentObj = null;
|
|
130
|
+
// var scale = 1;
|
|
131
|
+
// function liujie_doScale() {
|
|
132
|
+
// getParentObj();
|
|
133
|
+
// if(!countIsScale()){
|
|
134
|
+
// setReady(false);
|
|
135
|
+
// return
|
|
136
|
+
// }
|
|
137
|
+
|
|
138
|
+
// var obj = $(_config.selector)
|
|
139
|
+
// obj.style.transformOrigin = 'top left';
|
|
140
|
+
// // debugger
|
|
141
|
+
// if (parentObj.offsetWidth <= scaleStartPix || scaleEndPix && parentObj.offsetWidth > scaleEndPix) {
|
|
142
|
+
// if(parentObj.offsetWidth <= scaleStartPix){
|
|
143
|
+
// scale = parentObj.offsetWidth / scaleStartPix;
|
|
144
|
+
// } else {
|
|
145
|
+
// scale = parentObj.offsetWidth / scaleEndPix;
|
|
146
|
+
// }
|
|
147
|
+
// var adaptWidth = parentObj.offsetWidth / scale;//缩放时调整高度
|
|
148
|
+
// var adaptHeight = parentObj.offsetHeight / scale;//缩放时调整高度
|
|
149
|
+
// setTimeout(function(){
|
|
150
|
+
// var _adaptHeight = parentObj.offsetHeight / scale;
|
|
151
|
+
// if(adaptHeight!==_adaptHeight){
|
|
152
|
+
// obj.style.height = _adaptHeight + 'px';
|
|
153
|
+
// }
|
|
154
|
+
// setReady(true);
|
|
155
|
+
// _config.onScale && _config.onScale(scale);
|
|
156
|
+
// },1)
|
|
157
|
+
// obj.style.width = adaptWidth + 'px';
|
|
158
|
+
// obj.style.height = adaptHeight + 'px';
|
|
159
|
+
// parentObj.style.overflow = 'hidden';
|
|
160
|
+
// obj.style.transform = 'scale(' + scale + ')';
|
|
161
|
+
// _isScale = true;
|
|
162
|
+
// } else {
|
|
163
|
+
// setReady(false);
|
|
164
|
+
// if(_isScale == true){
|
|
165
|
+
// obj.style.transform = 'scale(1)';
|
|
166
|
+
// obj.style.width = '100%';
|
|
167
|
+
// obj.style.height = '100%';
|
|
168
|
+
// parentObj.style.overflow = 'hidden';
|
|
169
|
+
// }
|
|
170
|
+
// }
|
|
171
|
+
// }
|
|
172
|
+
// function $(Selector){
|
|
173
|
+
// return document.querySelector(Selector);
|
|
174
|
+
// }
|
|
175
|
+
// function setReady(isScale){
|
|
176
|
+
// if(_isReady==false){
|
|
177
|
+
// _config.onReady && _config.onReady(isScale);
|
|
178
|
+
// _isReady = true;
|
|
179
|
+
// }
|
|
180
|
+
// }
|
|
181
|
+
// function getParentObj(){
|
|
182
|
+
// if(parentObj == null){
|
|
183
|
+
// parentObj = $(_config.parentSelector);
|
|
184
|
+
// if (_config.boxMinWidth) {
|
|
185
|
+
// parentObj.style.minWidth = _config.boxMinWidth + 'px';
|
|
186
|
+
// }
|
|
187
|
+
// if (_config.boxMinHeight) {
|
|
188
|
+
// parentObj.style.minHeight = _config.boxMinHeight + 'px';
|
|
189
|
+
// }
|
|
190
|
+
// }
|
|
191
|
+
// }
|
|
192
|
+
// function isEnable(){
|
|
193
|
+
// return window.screen.width <= _config.minScreenSizeSplit ? true : false || window.screen.width > _config.maxScreenSizeSplit ? true : false;
|
|
194
|
+
// }
|
|
195
|
+
// function countIsScale(){
|
|
196
|
+
// if(_config.enable){
|
|
197
|
+
// return true;
|
|
198
|
+
// }
|
|
199
|
+
// if(_config.forceMinScale && parentObj.offsetWidth <= _config.minScreenSizeSplit && window.screen.width <= _config.maxScreenSizeSplit){
|
|
200
|
+
// return true;
|
|
201
|
+
// }
|
|
202
|
+
// if(_config.forbidMinScale && parentObj.offsetWidth <= _config.minScreenSizeSplit && window.screen.width > _config.maxScreenSizeSplit){
|
|
203
|
+
// return false;
|
|
204
|
+
// }
|
|
205
|
+
// return isEnable();
|
|
206
|
+
// }
|
|
207
|
+
// })(_scaleSplitPix, _effectScreen, __config)
|
|
208
|
+
cssScale(_scaleSplitPix,_effectScreen,__config);
|
|
209
|
+
</script>
|
|
210
|
+
</body>
|
|
211
|
+
|
|
212
|
+
</html>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* @Author: liujie tiandiweb@qq.com
|
|
3
|
+
* @Date: 2022-11-28 11:15:02
|
|
4
|
+
* @LastEditors: liujie tiandiweb@qq.com
|
|
5
|
+
* @LastEditTime: 2022-11-28 11:36:10
|
|
6
|
+
* @FilePath: \mk-webd:\work\svgdemo\css-scale2\dist\css-scale-min.js
|
|
7
|
+
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
8
|
+
*/
|
|
9
|
+
function cssScale(_scaleSplitPix,_effectScreen,__config) {var _0x533b=['maxScreenSize','forceMinScale','html','minHeight','offsetWidth','enable','onReady','body','screen','querySelector','overflow','maxScreenSizeSplit','transform','offsetHeight','maxPix','addEventListener','top\x20left','minWidth','height','boxMinHeight','parentSelector','onScale','selector','width','resize','forbidMinScale','style','boxMinWidth'];var _0x48bf=function(_0x533b64,_0x48bf56){_0x533b64=_0x533b64-0x0;var _0x4140fe=_0x533b[_0x533b64];return _0x4140fe;};(function(_0x4fe8aa,_0x14ff67,_0xe24ac0){let _0x23e0b1=_0x4fe8aa['minPix']||0x556;var _0x96cee6=_0x4fe8aa[_0x48bf('0xe')]==undefined?_0x14ff67[_0x48bf('0x0')]?_0x14ff67['maxScreenSize']:![]:_0x4fe8aa[_0x48bf('0xe')];let _0x1be0ad=_0xe24ac0?_0xe24ac0:{};_0x1be0ad[_0x48bf('0x1b')]=_0x1be0ad[_0x48bf('0x1b')]?_0x1be0ad['boxMinWidth']:0x384;_0x1be0ad['boxMinHeight']=_0x1be0ad[_0x48bf('0x13')]?_0x1be0ad['boxMinHeight']:0x384*(0x384/window[_0x48bf('0x8')][_0x48bf('0x17')]);_0x1be0ad[_0x48bf('0x16')]=_0x1be0ad[_0x48bf('0x16')]?_0x1be0ad['selector']:_0x48bf('0x7');_0x1be0ad[_0x48bf('0x14')]=_0x1be0ad['parentSelector']?_0x1be0ad['parentSelector']:_0x48bf('0x2');_0x1be0ad['minScreenSizeSplit']=_0x14ff67['minScreenSize']?_0x14ff67['minScreenSize']:0x5a0;_0x1be0ad['maxScreenSizeSplit']=_0x14ff67[_0x48bf('0x0')]?_0x14ff67['maxScreenSize']:0x780;var _0x395a99=![];var _0x5de370=![];var _0x552cbb=_0xbe9c9e(_0x1be0ad['selector']);_0x552cbb['style']['width']='100%';_0x552cbb[_0x48bf('0x1a')]['height']='100%';if(_0x1be0ad['enable']==![]){_0x1be0ad[_0x48bf('0x6')]&&_0x1be0ad['onReady'](![]);return;}window[_0x48bf('0xf')]('load',function(){_0x115da8();},![]);window[_0x48bf('0xf')](_0x48bf('0x18'),function(){_0x115da8();},![]);window['addEventListener']('fullscreenchange',function(){_0x115da8();},![]);var _0x1111a8=null;var _0x42126d=0x1;function _0x115da8(){_0x291e73();if(!_0x3e30fd()){_0x3039a4(![]);return;}var _0xded359=_0xbe9c9e(_0x1be0ad['selector']);_0xded359['style']['transformOrigin']=_0x48bf('0x10');if(_0x1111a8['offsetWidth']<=_0x23e0b1||_0x96cee6&&_0x1111a8['offsetWidth']>_0x96cee6){if(_0x1111a8['offsetWidth']<=_0x23e0b1){_0x42126d=_0x1111a8[_0x48bf('0x4')]/_0x23e0b1;}else{_0x42126d=_0x1111a8['offsetWidth']/_0x96cee6;}var _0x313be8=_0x1111a8[_0x48bf('0x4')]/_0x42126d;var _0x3a1f18=_0x1111a8['offsetHeight']/_0x42126d;setTimeout(function(){var _0x250f55=_0x1111a8[_0x48bf('0xd')]/_0x42126d;if(_0x3a1f18!==_0x250f55){_0xded359['style'][_0x48bf('0x12')]=_0x250f55+'px';}_0x3039a4(!![]);_0x1be0ad['onScale']&&_0x1be0ad[_0x48bf('0x15')](_0x42126d);},0x1);_0xded359['style']['width']=_0x313be8+'px';_0xded359[_0x48bf('0x1a')]['height']=_0x3a1f18+'px';_0x1111a8[_0x48bf('0x1a')]['overflow']='hidden';_0xded359[_0x48bf('0x1a')][_0x48bf('0xc')]='scale('+_0x42126d+')';_0x5de370=!![];}else{_0x3039a4(![]);if(_0x5de370==!![]){_0xded359[_0x48bf('0x1a')]['transform']='scale(1)';_0xded359[_0x48bf('0x1a')]['width']='100%';_0xded359[_0x48bf('0x1a')]['height']='100%';_0x1111a8['style'][_0x48bf('0xa')]='hidden';}}}function _0xbe9c9e(_0x34bb00){return document[_0x48bf('0x9')](_0x34bb00);}function _0x3039a4(_0x316a72){if(_0x395a99==![]){_0x1be0ad['onReady']&&_0x1be0ad[_0x48bf('0x6')](_0x316a72);_0x395a99=!![];}}function _0x291e73(){if(_0x1111a8==null){_0x1111a8=_0xbe9c9e(_0x1be0ad['parentSelector']);if(_0x1be0ad['boxMinWidth']){_0x1111a8['style'][_0x48bf('0x11')]=_0x1be0ad[_0x48bf('0x1b')]+'px';}if(_0x1be0ad[_0x48bf('0x13')]){_0x1111a8[_0x48bf('0x1a')][_0x48bf('0x3')]=_0x1be0ad['boxMinHeight']+'px';}}}function _0x51849f(){return window['screen'][_0x48bf('0x17')]<=_0x1be0ad['minScreenSizeSplit']?!![]:![]||window['screen']['width']>_0x1be0ad['maxScreenSizeSplit']?!![]:![];}function _0x3e30fd(){if(_0x1be0ad[_0x48bf('0x5')]){return!![];}if(_0x1be0ad[_0x48bf('0x1')]&&_0x1111a8[_0x48bf('0x4')]<=_0x1be0ad['minScreenSizeSplit']&&window['screen'][_0x48bf('0x17')]<=_0x1be0ad[_0x48bf('0xb')]){return!![];}if(_0x1be0ad[_0x48bf('0x19')]&&_0x1111a8['offsetWidth']<=_0x1be0ad['minScreenSizeSplit']&&window[_0x48bf('0x8')][_0x48bf('0x17')]>_0x1be0ad[_0x48bf('0xb')]){return![];}return _0x51849f();}}(_scaleSplitPix,_effectScreen,__config));}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* @Author: liujie tiandiweb@qq.com
|
|
3
|
+
* @Date: 2022-11-28 11:15:02
|
|
4
|
+
* @LastEditors: liujie tiandiweb@qq.com
|
|
5
|
+
* @LastEditTime: 2022-11-28 11:40:21
|
|
6
|
+
* @FilePath: \mk-webd:\work\svgdemo\css-scale2\dist\index.js
|
|
7
|
+
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
8
|
+
*/
|
|
9
|
+
module.exports=function cssScale(_scaleSplitPix,_effectScreen,__config) {var _0x533b=['maxScreenSize','forceMinScale','html','minHeight','offsetWidth','enable','onReady','body','screen','querySelector','overflow','maxScreenSizeSplit','transform','offsetHeight','maxPix','addEventListener','top\x20left','minWidth','height','boxMinHeight','parentSelector','onScale','selector','width','resize','forbidMinScale','style','boxMinWidth'];var _0x48bf=function(_0x533b64,_0x48bf56){_0x533b64=_0x533b64-0x0;var _0x4140fe=_0x533b[_0x533b64];return _0x4140fe;};(function(_0x4fe8aa,_0x14ff67,_0xe24ac0){let _0x23e0b1=_0x4fe8aa['minPix']||0x556;var _0x96cee6=_0x4fe8aa[_0x48bf('0xe')]==undefined?_0x14ff67[_0x48bf('0x0')]?_0x14ff67['maxScreenSize']:![]:_0x4fe8aa[_0x48bf('0xe')];let _0x1be0ad=_0xe24ac0?_0xe24ac0:{};_0x1be0ad[_0x48bf('0x1b')]=_0x1be0ad[_0x48bf('0x1b')]?_0x1be0ad['boxMinWidth']:0x384;_0x1be0ad['boxMinHeight']=_0x1be0ad[_0x48bf('0x13')]?_0x1be0ad['boxMinHeight']:0x384*(0x384/window[_0x48bf('0x8')][_0x48bf('0x17')]);_0x1be0ad[_0x48bf('0x16')]=_0x1be0ad[_0x48bf('0x16')]?_0x1be0ad['selector']:_0x48bf('0x7');_0x1be0ad[_0x48bf('0x14')]=_0x1be0ad['parentSelector']?_0x1be0ad['parentSelector']:_0x48bf('0x2');_0x1be0ad['minScreenSizeSplit']=_0x14ff67['minScreenSize']?_0x14ff67['minScreenSize']:0x5a0;_0x1be0ad['maxScreenSizeSplit']=_0x14ff67[_0x48bf('0x0')]?_0x14ff67['maxScreenSize']:0x780;var _0x395a99=![];var _0x5de370=![];var _0x552cbb=_0xbe9c9e(_0x1be0ad['selector']);_0x552cbb['style']['width']='100%';_0x552cbb[_0x48bf('0x1a')]['height']='100%';if(_0x1be0ad['enable']==![]){_0x1be0ad[_0x48bf('0x6')]&&_0x1be0ad['onReady'](![]);return;}window[_0x48bf('0xf')]('load',function(){_0x115da8();},![]);window[_0x48bf('0xf')](_0x48bf('0x18'),function(){_0x115da8();},![]);window['addEventListener']('fullscreenchange',function(){_0x115da8();},![]);var _0x1111a8=null;var _0x42126d=0x1;function _0x115da8(){_0x291e73();if(!_0x3e30fd()){_0x3039a4(![]);return;}var _0xded359=_0xbe9c9e(_0x1be0ad['selector']);_0xded359['style']['transformOrigin']=_0x48bf('0x10');if(_0x1111a8['offsetWidth']<=_0x23e0b1||_0x96cee6&&_0x1111a8['offsetWidth']>_0x96cee6){if(_0x1111a8['offsetWidth']<=_0x23e0b1){_0x42126d=_0x1111a8[_0x48bf('0x4')]/_0x23e0b1;}else{_0x42126d=_0x1111a8['offsetWidth']/_0x96cee6;}var _0x313be8=_0x1111a8[_0x48bf('0x4')]/_0x42126d;var _0x3a1f18=_0x1111a8['offsetHeight']/_0x42126d;setTimeout(function(){var _0x250f55=_0x1111a8[_0x48bf('0xd')]/_0x42126d;if(_0x3a1f18!==_0x250f55){_0xded359['style'][_0x48bf('0x12')]=_0x250f55+'px';}_0x3039a4(!![]);_0x1be0ad['onScale']&&_0x1be0ad[_0x48bf('0x15')](_0x42126d);},0x1);_0xded359['style']['width']=_0x313be8+'px';_0xded359[_0x48bf('0x1a')]['height']=_0x3a1f18+'px';_0x1111a8[_0x48bf('0x1a')]['overflow']='hidden';_0xded359[_0x48bf('0x1a')][_0x48bf('0xc')]='scale('+_0x42126d+')';_0x5de370=!![];}else{_0x3039a4(![]);if(_0x5de370==!![]){_0xded359[_0x48bf('0x1a')]['transform']='scale(1)';_0xded359[_0x48bf('0x1a')]['width']='100%';_0xded359[_0x48bf('0x1a')]['height']='100%';_0x1111a8['style'][_0x48bf('0xa')]='hidden';}}}function _0xbe9c9e(_0x34bb00){return document[_0x48bf('0x9')](_0x34bb00);}function _0x3039a4(_0x316a72){if(_0x395a99==![]){_0x1be0ad['onReady']&&_0x1be0ad[_0x48bf('0x6')](_0x316a72);_0x395a99=!![];}}function _0x291e73(){if(_0x1111a8==null){_0x1111a8=_0xbe9c9e(_0x1be0ad['parentSelector']);if(_0x1be0ad['boxMinWidth']){_0x1111a8['style'][_0x48bf('0x11')]=_0x1be0ad[_0x48bf('0x1b')]+'px';}if(_0x1be0ad[_0x48bf('0x13')]){_0x1111a8[_0x48bf('0x1a')][_0x48bf('0x3')]=_0x1be0ad['boxMinHeight']+'px';}}}function _0x51849f(){return window['screen'][_0x48bf('0x17')]<=_0x1be0ad['minScreenSizeSplit']?!![]:![]||window['screen']['width']>_0x1be0ad['maxScreenSizeSplit']?!![]:![];}function _0x3e30fd(){if(_0x1be0ad[_0x48bf('0x5')]){return!![];}if(_0x1be0ad[_0x48bf('0x1')]&&_0x1111a8[_0x48bf('0x4')]<=_0x1be0ad['minScreenSizeSplit']&&window['screen'][_0x48bf('0x17')]<=_0x1be0ad[_0x48bf('0xb')]){return!![];}if(_0x1be0ad[_0x48bf('0x19')]&&_0x1111a8['offsetWidth']<=_0x1be0ad['minScreenSizeSplit']&&window[_0x48bf('0x8')][_0x48bf('0x17')]>_0x1be0ad[_0x48bf('0xb')]){return![];}return _0x51849f();}}(_scaleSplitPix,_effectScreen,__config));}
|
package/package.json
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "scale-web",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "web page zoom",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
8
|
+
},
|
|
9
|
+
"keywords": [
|
|
10
|
+
"web",
|
|
11
|
+
"page",
|
|
12
|
+
"zoom",
|
|
13
|
+
"web",
|
|
14
|
+
"scale"
|
|
15
|
+
],
|
|
16
|
+
"author": "liujie",
|
|
17
|
+
"license": "ISC"
|
|
18
|
+
}
|