font

字体样式.在使用fillText()方法绘画文字时,通过此属性设置文字大小和字体,类似于css的font属性

  ctx.font = 'font-style font-variant font-weight font-size line-height font-family';
  font-style : normal | italic | oblique
  font-variant : normal | small-caps
  font-weight : normal | bold | bolder 或者用100,200,...900等值
  font-size : xx-small,xx-large...或者10px,1em,等css字体大小表示方式
  line-height : normal 
  font-family : 设置字体集例如 Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif,宋体

测验

字体1 font = '24px Microsoft YaHei',设置字体大小和字体

字体2 font = 'italic small-caps 600 2em Microsoft YaHei'

字体3 font = "26px 楷体,'Microsoft YaHei',-apple-system,BlinkMacSystemFont,sans-serif,宋体"

文字相关属性textAlign textBaseline