2017-10-24 2 views
1

jQCloud의 documentation에 따라 fontsize는 세 가지 방법으로 설정할 수 있습니다.jQCloud fontsize 속성을 함수로 사용하는 방법

  1. 배열
  2. 객체 나 함수를 사용하여 글꼴 크기 설정하는 방법을 알고 싶어

  • 기능. 저는 jQCloud를 처음 접했고 그 함수 접근법으로 어떤 예도 찾을 수 없습니다.

    사실 나는 단어의 글꼴 크기가 응답 가능해야합니다. 기본적으로 글꼴 크기는 모든 해상도 또는 창 크기에서 10 단계로 고정됩니다. 이 기능적 접근 방식이 응답 성을 달성하는 데 도움이 될지 궁금합니다.

    모든 힌트 또는 해결책을 높이 평가하겠습니다.

  • +0

    당신을 했 다음을 참조하십시오 : * 컨테이너 폭, 컨테이너 높이 및 단계 수를 매개 변수로 취하고 올바른 CSS 글꼴 크기 *를 반환하는 함수? – Twisty

    +0

    예, 했어요. 그러나 어떻게 부를 수 있을까요? 구문이 무엇을 의미합니까. 컨테이너의 크기는 알지만 단계 번호는 무엇입니까? –

    답변

    0
    도움말 @Rory 및 @Twisty와

    내가 함수를 정의하여 문제를 해결할 수있어 약간의 비틀기와 일치하도록 출력을 조정할 수 있습니다

    $element.jQCloud(word_list, { 
        fontSize: function (width, height, step) { 
        if (step == 1) 
         return width * 0.02 * step + 'px'; 
    
        return width * 0.01 * step + 'px'; 
        }, 
        delayedMode: false, 
        autoResize: true, 
        height: $element.parent("div").height(), 
        width: $element.parent("div").width() 
    }); 
    
    2

    문서에서 그 상태 :

    당신이 제공 할 수 있습니다

    따라서 유효한 CSS 글꼴 크기를 컨테이너 폭, 컨테이너의 높이와 매개 변수로 스텝 번호를 복용하고 반환하는 함수 함수는 이러한 매개 변수를 받아들이고 사용할 글꼴 크기를 반환합니다. 예 :

    $('#keywords').jQCloud(words, { 
        fontSize: function(width, height, step) { 
        return (width/2 * step) + 'px'; 
        } 
    }); 
    

    대용량 글꼴을 제공 할 가능성이 높지만 논리를 분명히하는 것이 중요합니다. 다음과 같이 쉽게 사용자의 요구

    +2

    테스트 예 : https://jsfiddle.net/Twisty/vrvcua3j/ – Twisty

    +0

    여러분의 의견에 감사드립니다. 내 시나리오에서 효과가있는 답변을 게시 할 것입니다. –

    관련 문제