CHAPTER 12 Canvas Text Baseline Examples X - ixsinos For this text, textBaseline="alphabetic" & y=40. For this text, textBaseline="bottom" & y=80. sloup buirls ba telling you t sri no For this text, textBaseline="middle" & y=120. 1003 For this text, textBaseline="top" & y=160. er includante FIGURE 12.5 Text Baseline Examples web page awarb vitnou 1999 inso isinosho smugis xsdt all ng The alphabetic and bottom values are similar, but not identical. With the alphabet value, the y value is positioned at the standard alphabetic baseline, which means at the bott of most characters. With the bottom value, the y value is positioned at the bottom of the hang characters, like a lowercase g. In an end-of-chapter exercise, you're asked to provide the JavaScript function that gene the content for the Text Baseline Examples web page. We don't want to spoil your exercise fu here's the code for drawing the first text string: ctx.textBaseline = "alphabetic"; 019 atleas ctx.fillText("For this text, textBaseline=\"alphabetic\" & y=40.", 10 The alphabetic value is the default for the textBaseline property, so we could hav ted the textBaseline assignment. But we prefer to keep it as a form of self-docume Also, it allows you to add a prior text Baseline assignment with a different alignme the standard alphabetic baseline alignment for the original