jQWidgets jqxTagCloud fontSizeUnit 属性

jQWidgets 是一个基于 jQuery 的 UI 组件库，提供了丰富的 UI 组件以及交互丰富的功能。其中 jqxTagCloud 是其提供的一个标签云组件，用于在页面中展示标签云，可以自定义标签云的颜色、大小、字体等。

fontSizeUnit 是 jqxTagCloud 组件中用于设置标签字体单位的属性。该属性的默认值为 px，即像素，可以通过该属性修改标签字体单位。

下面是 fontSizeUnit 属性的详细说明和应用示例：

语法

$('#jqxTagCloud').jqxTagCloud({
  fontSizeUnit: '单位'
});

取值

fontSizeUnit 属性的取值可以是以下字符串之一：

• px：像素；
• em：相对于父元素的字体大小；
• rem：相对于根元素的字体大小；
• pt：磅（1 磅等于 1/72 英寸）；
• pc：排版点（1 pc 等于 12 磅）；
• %：百分比。

示例1

下面的示例中，我们通过设置 fontSizeUnit 属性来改变标签字体的单位：

$('#jqxTagCloud').jqxTagCloud({
  tags: [{ label: 'JavaScript', url: '#' }, { label: 'HTML', url: '#' }, { label: 'CSS', url: '#' }],
  fontSizeUnit: 'em'
});

在示例中，我们把 fontSizeUnit 的值设置为 em，这样标签字体的大小就是相对于父级容器的字体大小。

示例2

下面的示例中，我们把 fontSizeUnit 的值设置为百分比，来改变标签字体的大小：

$('#jqxTagCloud').jqxTagCloud({
  tags: [{ label: 'JavaScript', url: '#' }, { label: 'HTML', url: '#' }, { label: 'CSS', url: '#' }],
  fontSizeUnit: '%'
});

在示例中，我们把 fontSizeUnit 的值设置为 %，这样标签字体的大小就是相对于父级容器字体大小的百分比。