目录
1. 绘制文字
- **ctx.font;**设置文本内容的字体属性,使用方式与 css font 相同
- **ctx.textAlign;**设置文本内容的对齐方式
- start:默认,文本在指定的位置开始
- end:文本在指定的位置结束
- center:文本的中心被放置在指定的位置
- left:文本左对齐
- right:文本右对齐
- **ctx.textBaseline;**设置绘制文本时使用的当前文本基线
- alphabetic:默认,文本基线是普通的字母基线
- top:文本基线是 em 方框的顶端
- hanging:文本基线是悬挂基线
- middle:文本基线是 em 方框的正中心
- ideographic:文本基线是 em 基线
- bottom:文本基线是 em 方框的底端
- **ctx.fillText();**填充文本
- **ctx.strokeText();**绘制文本(无填充)
- **ctx.measureText();**返回包含指定文本宽度的对象
接下来我们在上文饼状图案例的基础上绘制文字:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>绘制饼状图&文字</title>
<style></style>
</head>
<b