-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfittext.js
70 lines (60 loc) · 1.71 KB
/
fittext.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
/*
* FitText.js 1.0 jQuery free version
*
* Copyright 2011, Dave Rupert http://daverupert.com
* Released under the WTFPL license
* http://sam.zoy.org/wtfpl/
* Modified by Slawomir Kolodziej http://slawekk.info
*/
window.addEvent = function (el, type, fn) {
if (el.addEventListener) {
el.addEventListener(type, fn, false);
} else {
el.attachEvent('on' + type, fn);
}
};
window.extend = function (obj, ext) {
for (let key in ext) {
if (ext.hasOwnProperty(key)) {
obj[key] = ext[key];
}
}
return obj;
};
window.fitText = function (el, compressor, options) {
let settings = extend({
minFontSize: -1 / 0,
maxFontSize: 1 / 0
}, options);
let compress = compressor || 10;
let maxSize = settings.maxFontSize;
let minSize = settings.minFontSize;
function fit(el) {
function resize() {
el.style.fontSize = Math.max(Math.min(el.clientWidth / compress, maxSize), minSize) + 'px';
}
function tryResize() {
if (el.clientWidth > 0) {
resize()
} else {
// Wait until client size is properly computed
setTimeout(tryResize, 10);
}
}
tryResize();
// Bind events
// If you have any js library which support Events, replace this part
// and remove addEvent function (or use original jQuery version)
addEvent(window, 'resize', resize);
addEvent(window, 'orientationchange', resize);
}
if (el.length) {
for (let i = 0; i < el.length; i++) {
fit(el[i]);
}
} else {
fit(el);
}
// return set of elements
return el;
};