码迷,mamicode.com
首页 > 编程语言 > 详细

javascript 文字大小根据字数自动适应文本框

时间:2017-10-11 20:18:33      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:ret   font   const   tco   tle   width   文字   +=   script   

const diffTextCountFontSize = (strText, boxWidth) => {
let textLength = strText.length;
let l = 0;
for (const i in strText) {
if (strText.charCodeAt(i) > 255) {
l += 1;
}
}
const numLength = textLength - l;
if (l > 0) {
if (numLength % 2 === 0) {
textLength = parseInt((strText.length - l) / 2, 10) + l;
} else {
textLength = parseInt((strText.length - l) / 2, 10) + 1 + l;
}
} else {
textLength *= 0.65;
}

return (boxWidth / textLength) * 1.25;
};

 

strText //字符串内容

boxWidth //div固定宽度

(需根据情况,对数据进行相应调整)

javascript 文字大小根据字数自动适应文本框

标签:ret   font   const   tco   tle   width   文字   +=   script   

原文地址:http://www.cnblogs.com/weimo10235/p/7652155.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!