js+html5实现canvas绘制镂空字体文本的方法


Posted in Javascript onJune 05, 2015

本文实例讲述了js+html5实现canvas绘制镂空字体文本的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.strokeText("Hello World",10,50);
</script>
</body>
</html>

希望本文所述对大家的web程序设计有所帮助。

Javascript 相关文章推荐
Javascript !!的作用
Dec 04 Javascript
为jQuery增加join方法的实现代码
Nov 28 Javascript
浅谈Javascript事件模拟
Jun 27 Javascript
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
Nov 14 Javascript
javascript实现des解密加密全过程
Apr 03 Javascript
js中setTimeout的妙用--防止循环超时
Mar 06 Javascript
如何使用vuejs实现更好的Form validation?
Apr 07 Javascript
vue实现单选和多选功能
Aug 11 Javascript
Javascript中弹窗confirm与prompt的区别
Oct 26 Javascript
vue单页面实现当前页面刷新或跳转时提示保存
Nov 02 Javascript
vue使用微信扫一扫功能的实现代码
Apr 11 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
Apr 20 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
Jun 05 #Javascript
js+HTML5实现canvas多种颜色渐变效果的方法
Jun 05 #Javascript
JavaSacript中charCodeAt()方法的使用详解
Jun 05 #Javascript
JavaScript中length属性的使用方法
Jun 05 #Javascript
jQuery插件bgStretcher.js实现全屏背景特效
Jun 05 #Javascript
js+html5绘制图片到canvas的方法
Jun 05 #Javascript
简介JavaScript中valueOf()方法的使用
Jun 05 #Javascript
You might like
PHP文件上传实例详解!!!
2007/01/02 PHP
PHP获取网站域名和地址的代码
2008/08/17 PHP
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
ExtJS4 Grid改变单元格背景颜色及Column render学习
2013/02/06 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
2013/02/18 Javascript
js判断鼠标同时离开两个div的思路及代码
2013/05/31 Javascript
js动态生成指定行数的表格
2013/07/11 Javascript
js实现拉幕效果的广告代码
2015/09/02 Javascript
AngularJS中的Directive实现延迟加载
2016/01/25 Javascript
理解javascript async的用法
2017/08/22 Javascript
JS实现简单获取最近7天和最近3天日期的方法
2018/04/18 Javascript
原生JS+HTML5实现的可调节写字板功能示例
2018/08/30 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
2019/09/12 Javascript
在Vue中创建可重用的 Transition的方法
2020/06/02 Javascript
jQuery 移除事件的方法
2020/06/20 jQuery
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
python安装cx_Oracle模块常见问题与解决方法
2017/02/21 Python
Python编程实现线性回归和批量梯度下降法代码实例
2018/01/04 Python
python使用KNN算法手写体识别
2018/02/01 Python
详解python 3.6 安装json 模块(simplejson)
2019/04/02 Python
Python3 pandas 操作列表实例详解
2019/09/23 Python
python使用docx模块读写docx文件的方法与docx模块常用方法详解
2020/02/17 Python
如何在Django中使用聚合的实现示例
2020/03/23 Python
Python多进程multiprocessing、进程池用法实例分析
2020/03/24 Python
举例详解CSS3中的Transition
2015/07/15 HTML / CSS
html如何对span设置宽度
2019/10/30 HTML / CSS
美国奢侈品购物平台:Orchard Mile
2018/05/02 全球购物
C#面试题
2016/05/06 面试题
大学生四年生活自我鉴定
2013/11/21 职场文书
2014派出所所长群众路线对照检查材料思想汇报
2014/09/18 职场文书
公安机关党的群众路线教育实践活动剖析材料
2014/10/10 职场文书
场地使用证明模板
2014/10/25 职场文书
2015大学自主招生自荐信范文
2015/03/04 职场文书
2016春季田径运动会广播稿
2015/12/21 职场文书
MySQL 分页查询的优化技巧
2021/05/12 MySQL
MySQL 字符集 character
2022/05/04 MySQL