canvas设置字体颜色教程

 时间:2024-10-20 11:12:15

1、首先我们在html里放上一个canvas控件,设其id为bd_canvas

canvas设置字体颜色教程

2、为了方便,这里使用jquery来对dom进行操作,所以要先引入jquery脚本插件。

canvas设置字体颜色教程

3、在页面加载完成,我们使用脚本先获取到canvas控件,然后使用其getContext方法来获取到控件的上下文对象。

canvas设置字体颜色教程

4、通过fillText方法来在canvas里写上文本,参数分别为文本内容,和文本所在的位置。顺便通过font属性来设置一下文本的字体大小和字体类型。

canvas设置字体颜色教程

5、如果按这个代码来显示页面,可以看到现在页面上显示的文本是默认的黑色文字。

canvas设置字体颜色教程

6、要设置文本的颜色,我们可以设置fillStyle属性,这个属性可以接受一个颜色的代码值,比如#cc0000,也可以接受一个颜色的英文单词,比如green。我们在这里写上另一段文字,具体代码如图。

canvas设置字体颜色教程

7、刷新页面,可以看到canvas里的第二段文字已经设置成新的颜色了,就是红色的字体。

canvas设置字体颜色教程
  • js中如何获取c:foreach
  • VC/MFC 如何使列表控件(CListCtrl)可编辑
  • php连接数据库mysql代码
  • php中 isset函数有什么功能
  • Javascript怎么输出元素标签名
  • 热门搜索
    6月19日是什么日子 摘要是什么 时尚买手是什么职业 吃坚果有什么好处 media是什么意思 什么是顺时针 童年是什么排比句 办临时身份证需要什么 沁人心脾什么意思 tj什么意思