php中⽹页字体颜⾊的代码,HTML5画布如何设置字体颜⾊?
(代码⽰例)
在HTML5画布中我们可以使⽤fillStyle属性来设置⽂本的字体颜⾊,它可以接受⼀个颜⾊的代码值,⽐如#cc0000,也可以接受⼀个颜⾊的英⽂单词,⽐如red。下⾯我们就来了解⼀下,希望对⼤家有所帮助。【视频教程推荐:HTML教程】
⾸先我们需要在HTML页⾯中使⽤canvas标签创建⼀个画布,设置其id值为myCanvas。
然后使⽤JavaScript在画布中绘制⽂本图形
1、获取到canvas控件var canvas = ElementById("myCanvas");// 查画布元素
2、使⽤getContext()⽅法配置绘图的环境,创建绘图对象var ctx = Context("2d");
3、通过fillText⽅法来在canvas⾥写上⽂本,参数分别为⽂本内容,和⽂本所在的位置。
我们也可以使⽤font属性来设置⼀下⽂本的字体⼤⼩和字体类型。ctx .font="20px 微软雅⿊";
ctx .fillText('PHP中⽂⽹',20,20,200);
效果图:
可以看到现在页⾯上显⽰的⽂本是默认的⿊⾊⽂字。
3、想要设置⽂本的字体颜⾊,就需要使⽤fillStyle属性,这个属性可以接受⼀个颜⾊的代码值,⽐如#cc0000,也可以接受⼀个颜⾊的英⽂单词,⽐如red。ctx .fillStyle="red";
完整js代码:
var canvas = ElementById("myCanvas");// 查画布元素
var ctx = Context("2d");
ctx .font="20px 微软雅⿊";
ctx .fillStyle="red";
ctx .fillText('PHP中⽂⽹',20,20,200);
效果图:
html5颜代码以上就是本篇⽂章的全部内容,希望能对⼤家的学习有所帮助。更多精彩内容⼤家可以关注php中⽂⽹相关教程栏⽬

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。