欢迎访问HTML51.COM升级您的浏览器到兼容HTML5
设为首页收藏本站切换到宽版

HTML5,CSS3,前端技术教程分享

 找回密码
 成为会员

QQ登录

只需一步，快速开始

HTML5,CSS3,前端技术教程分享 › HTML5论坛 › HTML5 论坛 › HTML5 在线演示/应用发布 › [在线实例]用HTML5 Canvas做的文字燃烧效果 ...
返回列表 发新帖
查看: 2643|回复: 8

[HTML5 Canvas] [在线实例]用HTML5 Canvas做的文字燃烧效果 [复制链接]

html5

Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6
发表于 2010-8-8 19:48:46 |显示全部楼层
本站在线预览：http://www.html51.com/topic-demo-html5-canvas-burnning.html

本例依然是使用了html5的新标签canvas来实现文字燃烧的效果。
请使用Firefox3.5以上版本浏览器或者Chrome等支持html5的浏览器浏览。





使用方法：
第一步：在页面头部加入：
<script type="text/javascript" src="http://www.html51.com/demo/canvas-burnning/burning-words-1.0.js"></script>
第二步：复制如下代码：
<script type="text/javascript"> var burning_words = new PonticStar.BurningWords; burning_words.show("Hot Deals", "FFFFCC", "Times New Roman", 30, "086268", 100, "normal"); </script>


感谢支持html51.com
附件: 你需要登录才可以下载或查看附件。没有帐号？成为会员

使用道具 举报

lai021

Rank: 2Rank: 2

升级 
 
19.33%
发表于 2010-8-8 20:01:45 |显示全部楼层
这个太帅了！
稍微有点卡，firefox下，google不卡

使用道具 举报

lai021

Rank: 2Rank: 2

升级 
 
19.33%
发表于 2010-8-9 21:56:52 |显示全部楼层

使用道具 举报

jiayd

Rank: 1

升级 
 
42%
发表于 2011-5-24 11:32:15 |显示全部楼层
不让看代码

使用道具 举报

ROKR

Rank: 2Rank: 2

升级 
 
3.33%
发表于 2011-6-7 09:48:50 |显示全部楼层
实用，已经用在WP的LOGO上了～～

使用道具 举报

0study

Rank: 1

升级 
 
24%
发表于 2011-6-28 08:53:24 |显示全部楼层
LZ麻烦，下次从国外找来的，带个原地址，转载不带这么干的！！！！！！！！！！11

使用道具 举报

李雪龙MILAN

Rank: 1

升级 
 
18%
发表于 2011-10-8 10:55:53 |显示全部楼层
这个 原版本的js代码 是关键~~~ lz show一个

使用道具 举报

千王之王

Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6
发表于 2011-11-4 18:35:16 |显示全部楼层
谷歌浏览器显示正常，很好
i will find my way ！

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 成为会员

兼容HTML5的浏览器

手机版|HTML5|HTML5手机论坛|加速HTML5在中国的普及，HTML51.COM ( 苏ICP备08015043号 )  

GMT+8, 2012-2-23 08:32 , Processed in 0.816229 second(s), 18 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部