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+css3实现无插件拖拽上传图片(支持预览与批量)的详情介绍

HTML5多线程javascript解决方案web worker-专用worker和共享worker的详细代码介绍

storage event如何实现页面间通信

HTML5用什么数据库

详解h5的自定义属性data-*

HTML5 canvas基本绘图之绘制矩形

什么是HTML5技术

前端必看h5 meta小结

HTML5中关于音频与视频监听器应用的示例详解

详解7款绚丽的jquery/HTML5动画及源码

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




打赏

取消

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

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

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

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

评论

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