Takahashi メソッド 2006年11月09日(木)

らくだ

ある要素の文字サイズを、画面いっぱいになるようにする

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 要素の占有率。
トラックバックURL https://far.whochan.com/trackback.cgi/diary/2363
Usertime : 0.1 / Systemtime : 0.02