HTML5+jQuery实现动燃火焰特效
herman 7年前 (2017-10-25) 3780浏览 0评论
HTML5 配合 jQuery 能实现很多动画特效。我们今天要分享的是动燃火焰特效。 动燃火焰顾名思义就是看起来像燃烧的火焰一样的动画效果。 本文分享的又是一款基于HTML5的超炫动画特效，是一款动感的火焰燃烧动画效果。这款HTML5...
标签：canvas
Javascript实现canvas图片旋转
herman 7年前 (2017-08-28) 3165浏览 0评论
这两天我把我的博客：业余草xttblog升级了https，更新的文章可能不是很多。今天为大家分享一下使用Javascript实现canvas图片旋转。 论坛中有很多人问我关于 Canvas 问题，Canvas现在研究的人很多，但是基于Can...
canvid.js 教程
herman 7年前 (2017-08-21) 3644浏览 0评论
很少有人关注canvid.js，大部分人可能还没发现这个js类库。我就只在知乎上看到有人关于它的评论《如何评价canvid.js？》。 canvid.js是什么 canvid.js是一款用于在画布元素上播放视频的小插件。can...
使用Canvas实现黑客帝国数字雨屏保
herman 8年前 (2017-06-18) 6635浏览 2评论
如果你的电脑设置了屏保（屏幕保护），长时间不动屏保就会显示出来。尤其是一些绚丽的屏保，拥有流畅的动画。今天我们就用 HTML5 的 Canvas 功能实现一款仿文字雨黑客帝国特效的屏保。 下面我们先看一下运行效果： 上面这张图...
使用HTML5 Canvas实现火焰风暴动画
herman 8年前 (2017-06-11) 3875浏览 1评论
继续我们的 HTML5 动画学习系列。本文将为大家分享一款基于 HMTL5 Canvas 实现的火焰风暴动画，通过本文的学习，你将进一步加深对 HTML5 动画的理解。 火焰风暴动画是利用HTML5技术实现的。前面我们已经实现过不少动画特效...
HTML5 实现3D翻转立方体
herman 8年前 (2017-06-11) 3530浏览 0评论
我渐渐的迷上了 HTML5 的动画，它总能给我带来很大惊喜。今天继续为大家分享一款使用 HTML5 动画制作的 3D 翻转立方体效果。本文将为大家介绍 HTML5 动画的制作过程。 网上基于 HTML5 的立方体动画有很多，有些是...
使用 HTML5 制作像素太空战机游戏
herman 8年前 (2017-06-11) 4183浏览 0评论
最近看了下百度对我网站的索引量，有好几天没有收录了。今年6月我给自己定的目标是索引量是1500。年底网站百度权重到3。为了实现我的目标，就不得不多写文章。 今天为大家分享一款基于 HTML5 的像素太空战机游戏。该HTML5游戏的主角是一架...
HTML5 canvas 实现本地文件上传预览功能
herman 8年前 (2017-05-28) 4926浏览 0评论
在以前，要用web来实现图片上传预览功能必须借助插件或者flash来实现。但是现在我们可以借助 HMTL5 的 canvas 来实现这个功能。 例如下面的效果 实现该功能很简单，首先我们要建一个表单，用于用户选取图片...
详解 使用pdf.js 插件实现pdf文档在线浏览功能
herman 8年前 (2017-04-18) 20581浏览 1评论
在很早之前就想实现一个pdf在线预览的功能，只是限于流量和对服务器性能要求较高作罢。现在本文将其中涉及的到关键技术共享给大家。 pdf.js 插件介绍 pdf.js可以实现在html下直接浏览pdf文档，是一款开源的pdf文档读取解析...
HTML5 Canvas手写字识别
herman 8年前 (2017-04-10) 9059浏览 0评论
今天又网友在论坛里问到关于 HTML5 手写字识别功能。这个功能看似有点难度，单独借助HTML5是无法实现的。我这里借助去年百度开发者大赛上的作品来实现它。 Canvas 绘图 我们首先要使用 Canvas 来实现绘图功能。代码如下：...
使用 pixelator.js 实现图片马赛克功能
herman 8年前 (2017-03-14) 6032浏览 0评论
在电视上我们经常看到打有马赛克的嫌疑犯。另外微信朋友圈中的照片红包也红极一时，那么如何使用 JavaScript 来实现图片马赛克呢？下面我们将借助一款js插件来实现该功能！ pixelator.js 是一款可以用来将图片制作成马赛克效果的...
详解HTML5 canvas移动、缩放、旋转插入的图片
herman 8年前 (2017-02-22) 5482浏览 1评论
最近有网友问到了，HTML5 Canvas的缩放图片功能。我这里整理一下关于Canvas的相关图片操作写了一个实例，希望对大家能有所帮助！ <!DOCTYPE html> <html> <h...
使用腾讯 AlloyTeam.js 插件打造波浪加载进度条
herman 8年前 (2016-12-13) 5091浏览 4评论
最近使用 腾讯的AlloyTeam移动Web触摸解决方案实现了一款基于 HTML5 Canvas的加载进度条案例，这里分享给大家，希望能对各位在开发和学习过程中有所帮助。 最近 AlloyTouch 写了一个下拉刷新的酷炫 loa...
HTML5 Canvas圆盘抽奖应用DEMO演示
herman 9年前 (2016-04-08) 5985浏览 0评论
我们经常参加各种电商优惠活动，比如购买达到一定数额进行抽奖活动，在比如微信抽奖，淘宝抽奖，迅雷赚钱宝圆盘抽奖活动等。这些抽奖活动部分就是由HTML5的Canvas来制作的，今天就为大家分享一下如何使用HTML5的Canvas来制作圆盘抽奖功能。老...
使用Canvas给图片添加水印
herman 9年前 (2016-03-24) 4007浏览 0评论
在生活中我们到处都可以见到带有水印的文档。网上也到处可见的水印图片，如csdn，淘宝，百度上的图片都带有水印。 尤其是现在盗版非常严重的社会。你刚写的文章，几秒钟后就出现在其他网站上，然后就会出现，到底谁是原创问题。如何解决盗版问题，其他的方法...