怎么获的字体的宽高

最新推荐文章于 2024-12-13 10:28:09 发布

weixin_30435261

最新推荐文章于 2024-12-13 10:28:09 发布

阅读量156

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/flxy-1028/p/9523722.html

      function textSize(fontSize,fontFamily,text){
        let span = document.createElement("span");
        let result = {};
        result.width = span.offsetWidth;
        result.height = span.offsetHeight;
        span.style.visibility = "hidden";
        span.style.position = "absolute";
        span.style.top="-200px";
        span.style.fontSize = fontSize;
        span.style.fontFamily = fontFamily;
        span.style.display = "inline-block";
        document.body.appendChild(span);
        if(typeof span.textContent != "undefined"){
          span.textContent = text;
        }else{
          span.innerText = text;
        }
        result.width = parseFloat(window.getComputedStyle(span).width) - result.width;
        result.height = parseFloat(window.getComputedStyle(span).height) - result.height;
        span.parentNode.removeChild(span);
        return result;
      }