1、首先我们在html里放上一个canvas控件,设其id为bd_canvas
2、为了方便,这里使用jquery来对dom进行操作,所以要先引入jquery脚本插件。
3、在页面加载完成,我们使用脚本先获取到canvas控件,然后使用其getContext方法来获取到控件的上下文对象。
4、通过fillText方法来在canvas里写上文本,参数分别为文本内容,和文本所在的位置。顺便通过font属性来设置一下文本的字体大小和字体类型。
5、如果按这个代码来显示页面,可以看到现在页面上显示的文本是默认的黑色文字。
6、要设置文本的颜色,我们可以设置fil盟敢势袂lStyle属性,这个属性可以接受一个颜色的代码值,比如#cc0000,也可以接受一个颜色的英文单词,比如green。我们在这里写上另一段文字,具体代码如图。
7、刷新页面,可以看到canvas里的第二段文字已经设置成新的颜色了,就是红色的字体。