html5使用canvas绘制文字特效


Posted in HTML / CSS onDecember 15, 2014

<canvas id="canvas" width="500" height="400" style="background-color: yellow;"></canvas>
 

复制代码
代码如下:

var canvas=document.getElementById("canvas");
var cxt=canvas.getContext("2d");
cxt.font="40px 黑体";
//绘制实心字
cxt.fillStyle="red";//填充红色
cxt.fillText("hello,思思博士",10,50);
//绘制空心字
cxt.strokeStyle="red";//红色边
cxt.strokeText("hello,思思博士",10,100);

html5使用canvas绘制文字特效

HTML / CSS 相关文章推荐
CSS教程:CSS3圆角属性
Apr 02 HTML / CSS
CSS3之边框多颜色Border-color属性使用示例
Oct 11 HTML / CSS
一款利用纯css3实现的360度翻转按钮的实例教程
Nov 05 HTML / CSS
CSS3实现图片抽屉式效果的示例代码
Nov 06 HTML / CSS
CSS3实现缺角矩形,折角矩形以及缺角边框
Dec 20 HTML / CSS
html+css3实现的登录界面
Dec 09 HTML / CSS
html5仿支付宝密码框的实现代码
Sep 06 HTML / CSS
HTML5 Video/Audio播放本地文件示例介绍
Nov 18 HTML / CSS
mui几种页面跳转方式对比总结概括
Aug 18 HTML / CSS
HTML5 Canvas 实现K线图的示例代码
Dec 23 HTML / CSS
canvas实现手机的手势解锁的步骤详细
Mar 16 HTML / CSS
CSS实现单选折叠菜单功能
Nov 01 HTML / CSS
html5使用canvas绘制太阳系效果
Dec 15 #HTML / CSS
html5使用canvas绘制一张图片
Dec 15 #HTML / CSS
html5使用canvas画三角形
Dec 15 #HTML / CSS
html5使用canvas画空心圆与实心圆
Dec 15 #HTML / CSS
html5使用canvas画一条线
Dec 15 #HTML / CSS
html5绘制时钟动画
Dec 15 #HTML / CSS
html5的canvas方法使用指南
Dec 15 #HTML / CSS
You might like
php中生成随机密码的自定义函数代码
2013/10/21 PHP
thinkphp实现图片上传功能分享
2014/03/04 PHP
ThinkPHP的MVC开发机制实例解析
2014/08/23 PHP
php实现图片文件与下载文件防盗链的方法
2014/11/03 PHP
php使用FFmpeg接口获取视频的播放时长、码率、缩略图以及创建时间
2016/11/07 PHP
js禁止页面使用右键(简单示例代码)
2013/11/13 Javascript
jquery 提示信息显示后自动消失的具体实现
2013/12/18 Javascript
js 时间格式与时间戳的相互转换示例代码
2013/12/25 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
2015/09/01 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
2016/08/31 Javascript
深入学习js瀑布流布局
2016/10/14 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
2017/01/05 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
2018/04/28 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
2019/01/02 Javascript
Node使用Nodemailer发送邮件的方法实现
2020/02/24 Javascript
JavaScript常用工具函数大全
2020/05/06 Javascript
jquery简易手风琴插件的封装
2020/10/13 jQuery
pydev使用wxpython找不到路径的解决方法
2013/02/10 Python
Python cookbook(数据结构与算法)实现查找两个字典相同点的方法
2018/02/18 Python
Python基于matplotlib画箱体图检验异常值操作示例【附xls数据文件下载】
2019/01/07 Python
python实现弹窗祝福效果
2019/04/07 Python
详解Python sys.argv使用方法
2019/05/10 Python
Python数据可视化实现正态分布(高斯分布)
2019/08/21 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
Win10用vscode打开anaconda环境中的python出错问题的解决
2020/05/25 Python
利用html5 canvas动态画饼状图的示例代码
2018/04/02 HTML / CSS
使用Html5中的cavas画一面国旗
2019/09/25 HTML / CSS
优秀村官事迹材料
2014/01/10 职场文书
小学生竞选班干部演讲稿
2014/04/24 职场文书
爱耳日活动总结
2014/04/30 职场文书
林肯就职演讲稿
2014/05/19 职场文书
党的群众路线整改落实情况汇报
2014/10/28 职场文书
2014年教务处工作总结
2014/12/03 职场文书
PHP实现rar解压读取扩展包小结
2021/06/03 PHP
MySQL中EXPLAIN语句及用法
2022/05/20 MySQL
Java+swing实现抖音上的表白程序详解
2022/06/25 Java/Android