Question

根据jQCloud的documentation，fontsize可以通过三种方式设置。

阵列
物体
功能

我想知道如何使用函数设置fontsize。我是jQCloud的新手，无法找到任何使用该函数方法的示例。

实际上我希望单词的字体大小能够响应。默认情况下，字体大小基于所有分辨率或窗口大小的10个步骤进行修复。我想知道这种功能性方法是否有助于实现响应能力。

任何提示或解决方案都将受到高度赞赏。

Answer 1

从文件中说明：

以容器宽度，容器高度和步数作为参数并返回有效CSS字体大小的函数

因此，您可以提供接受这些参数的函数，并返回要使用的字体大小。例如：

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

这很可能会给你大量的字体，但重点是让逻辑清晰。您可以轻松调整输出以满足您的需求

Answer 2

借助@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() 
});

jQCloud如何使用fontsize属性作为函数

2 个答案: