텍스트 의 구체 적 인 길이 가 몇 px 인지 판단 합 니 다.

1152 단어
텍스트 에는 문자, 영문 대소 문자, 숫자, 그리고 각종 기호 가 있다.이때 js 로 길이 가 몇 px 인지 판단 하려 면
1. 문자열 가 져 오기  str
2. str 를 배열 arr 로 분해
3. arr 를 옮 겨 다 니 며 각각 중국어 개수, 대문자 영어 개수, 소문 자 영어 개수 구하 기.....
4. 설 정 된 글꼴 크기 에 따라 각 유형의 문자 가 각각 몇 px 인지 구 합 니 다 (텍스트 를 직접 입력 하고 웹 페이지 에서 얼마나 큰 지 보기)
5. 마지막 으로 텍스트 길 이 를 구 합 니 다...
O (∩ ∩) O 하하 ~, 이렇게 귀 찮 은 데, 4 부 를 보면 간단 한 방법 이 있 을 줄 알 겠 지!!!맞다!이 텍스트 를 줄 내 탭 에 직접 넣 고 js 로 이 탭 의 길 이 를 가 져 오 는 것 이 간단 합 니 다.
예제 코드 는 다음 과 같다.



    
    Title



    var str = '     ，     。Hello,   ,    ，    ';
    function getTextWidth(str) {
        var width = 0;
        var html = document.createElement('span');
        html.innerText = str;
        html.className = 'getTextWidth';
        document.querySelector('body').appendChild(html);
        width = document.querySelector('.getTextWidth').offsetWidth;
        document.querySelector('.getTextWidth').remove();
        return width;
    }

    var w = getTextWidth(str);
    console.log(w);

자, 간단하게 텍스트 길 이 를 가 져 오 는 함수 가 있 습 니 다.개 선 된 점 이 있 으 면 댓 글 지 도 를 환영 합 니 다.
-- 관계식의 결점을 결정하기 전에 수행
애플 릿 구덩이 밟 기 (1)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage