HTML5画布如何设置字体颜色?(代码示例)


当前第2页 返回上一页

3、想要设置文本的字体颜色,就需要使用fillStyle属性,这个属性可以接受一个颜色的代码值,比如#cc0000,也可以接受一个颜色的英文单词,比如red。

1

ctx .fillStyle="red";

完整js代码:

1

2

3

4

5

6

7

8

<canvas id="myCanvas"></canvas>

<script type="text/javascript">

    var canvas = document.getElementById("myCanvas");// 查找画布元素

    var ctx = canvas.getContext("2d");

    ctx .font="20px 微软雅黑";

    ctx .fillStyle="red";

    ctx .fillText('PHP中文网',20,20,200);

</script>

效果图:

3.jpg

以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目!!!

以上就是HTML5画布如何设置字体颜色?(代码示例)的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

HTML5中audio与video标签的使用

利用HTML5实现简单的拖动功能

h5怎样调用相机拍照并压缩图片

介绍HTML5语义元素实例

HTML5地理位置定位geolocation-api及haversine地理空间距离算法(图文)

10款好看且实用的文字动画特效,让你的页面更吸引人!

h5 canvas api中drawimage(图像进行缩放或裁剪)的使用实例

必会的移动端HTML5的基础知识点

HTML5实现一个简单的钟表外观

详解websocket跨域问题解决

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...