ある要素の文字サイズを、画面いっぱいになるようにする
function takahashiXY(element,size)
{
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;
var elementLength = element.innerText.length;
var imgSpace = 0;
var imgs = element.getElementsByTagName('img');
for(var i = 0,img;img = imgs[i];i++)
{
imgSpace = imgSpace + img.clientWidth * img.clientHeight;
}
var eleFontSize = Math.ceil(Math.sqrt((windowWidth * windowHeight - imgSpace) / elementLength) * size);
with(element.style)
{
fontSize = eleFontSize + "px";
lineHeight = "1.2em !important";
}
}
- #element#
- 要素オブジェクト。
- #size#
- 表示中のウインドウに対する element 要素の占有率。