Skip to content

Class: FontInfo

cavnas 设置字体只能通过一个 font 属性,

该类可以对font属性里的属性做细化操作,可以单独设置字体、字号、粗体、斜体

js
// 例如:
let fontInfo = new FontInfo('normal normal 10px sans-arial');

fontInfo.setFamily('arial');
fontInfo.setSize('15px');
fontInfo.setBold('bold');
fontInfo.setItalic('normal');

// 粗体、斜体切换
fontInfo.toogleBold();
fontInfo.toogleItalic();

node.css({
   font: fontInfo.toStyleFont() //->"bold normal 15px arial"
});

Table of contents

Constructors

Properties

Methods

Constructors

constructor

new FontInfo(fontStr)

Parameters

NameType
fontStrstring

Properties

boldWeight

boldWeight: string = 'normal'


family

family: string = 'sans-serif'


italicWeight

italicWeight: string = 'normal'


size

size: string = '10px'

Methods

getFontWeight

getFontWeight(): string

获取字体权重

Returns

string


setBold

setBold(bold): void

设置加粗

Parameters

NameTypeDescription
boldstring加粗

Returns

void


setFamily

setFamily(family): void

设置字体

Parameters

NameTypeDescription
familystring字体

Returns

void


setItalic

setItalic(italic): void

设置斜体

Parameters

NameTypeDescription
italicstring斜体

Returns

void


setSize

setSize(size): void

设置字体大小

Parameters

NameTypeDescription
sizestring字体大小

Returns

void


setWeight

setWeight(weight): void

设置字体权重 setFontWeight('bold')、setFontWeight('italic') setFontWeight('bold normal')、setFontWeight('normal italic')、setFontWeight('bold italic')

Parameters

NameTypeDescription
weightstring字体权重

Returns

void


toStyleFont

toStyleFont(): string

转换为符合canvas的样式字符串

Returns

string


toogleBold

toogleBold(): void

切换加粗

Returns

void


toogleItalic

toogleItalic(): void

切换斜体

Returns

void