scale-web 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
|
+
}
|