b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
70 lines
No EOL
2.3 KiB
JavaScript
70 lines
No EOL
2.3 KiB
JavaScript
;
|
|
(function (define) {
|
|
define([
|
|
'require',
|
|
'exports',
|
|
'module'
|
|
], function (require, exports, module) {
|
|
'use strict';
|
|
var debug = 0 ? console.log.bind(console) : function () {
|
|
};
|
|
var cache = {};
|
|
var MIN = 16;
|
|
var MAX = 24;
|
|
var BUFFER = 3;
|
|
module.exports = function (config) {
|
|
debug('font fit', config);
|
|
var space = config.space - BUFFER;
|
|
var min = config.min || MIN;
|
|
var max = config.max || MAX;
|
|
var text = trim(config.text);
|
|
var fontSize = max;
|
|
var textWidth;
|
|
var font;
|
|
do {
|
|
font = config.font.replace(/\d+px/, fontSize + 'px');
|
|
textWidth = getTextWidth(text, font);
|
|
} while (textWidth > space && fontSize !== min && fontSize--);
|
|
return {
|
|
textWidth: textWidth,
|
|
fontSize: fontSize,
|
|
overflowing: textWidth > space
|
|
};
|
|
};
|
|
function getTextWidth(text, font) {
|
|
var ctx = getCanvasContext(font);
|
|
var width = ctx.measureText(text).width;
|
|
debug('got text width', width);
|
|
return width;
|
|
}
|
|
function getCanvasContext(font) {
|
|
debug('get canvas context', font);
|
|
var cached = cache[font];
|
|
if (cached) {
|
|
return cached;
|
|
}
|
|
var canvas = document.createElement('canvas');
|
|
canvas.setAttribute('moz-opaque', 'true');
|
|
canvas.setAttribute('width', '1px');
|
|
canvas.setAttribute('height', '1px');
|
|
debug('created canvas', canvas);
|
|
var ctx = canvas.getContext('2d', { willReadFrequently: true });
|
|
ctx.font = font;
|
|
return cache[font] = ctx;
|
|
}
|
|
function trim(text) {
|
|
return text.replace(/\s+/g, ' ').trim();
|
|
}
|
|
});
|
|
}(typeof define == 'function' && define.amd ? define : function (n, w) {
|
|
'use strict';
|
|
return typeof module == 'object' ? function (c) {
|
|
c(require, exports, module);
|
|
} : function (c) {
|
|
var m = { exports: {} };
|
|
c(function (n) {
|
|
return w[n];
|
|
}, m.exports, m);
|
|
w[n] = m.exports;
|
|
};
|
|
}('font-fit', this))); |