使用html2canvas实现网页截屏功能

herman 9年前 (2016-03-08) 12389浏览 0评论

html2canvas是一个相当不错的JavaScript类库,它使用了html5和css3的一些新功能特性,实现了在客户端对网页进行截图的功 能。html2canvas通过获取页面的DOM和元素的样式信息,并将其渲染成canvas图片,从而实现...

HTML5让Canvas全屏的例子

herman 9年前 (2016-03-03) 7675浏览 0评论

本demo兼容所有主流浏览器。在生活中也有很多这样的使用场景,比如你在玩某页游的时候,希望游戏全屏展示。传统的做法,就是在浏览器里使用div模拟全屏。这种做法并不能达到真正意义上行的全屏。 下面我就教大家使用HTML5的Canvas实现全屏...

使用Notification API实现html5桌面通知

herman 9年前 (2016-03-01) 4622浏览 0评论

html5的桌面通知我相信大家并不陌生。常见的有网页版的微信等应用,需要设置桌面通知功能才可以使用。 用客户端程序实现这样的功能并不难。而传统的网页版的桌面通知可以写一个div放到页面右下角自动弹出来,并通过轮询等等其他方式去获取消息并推送给用...

使用tour对网站进行分步引导

herman 9年前 (2016-02-26) 6170浏览 1评论

如果你细心的话,你就会发现有部分网站在升级或者注册后,会出现分步引导。引导我们如何使用网站。最常见的应该就是支付宝。那么支付宝是如何实现这样的功能的呢?今天我就为大家介绍bootstrap-tour插件来揭开它的面纱。运行效果如下: ...

svg转换canvas的canvg插件使用详解

herman 9年前 (2016-02-25) 10004浏览 0评论

最近在使用svg和canvas绘制电信的网络拓扑图,遇到了一些困难。同时论坛中也有不少网友在提问类似的帖子。今天我就为大家推荐一些做法,主要借鉴和采用网上的一些开源框架进行开发!推荐一些框架,如:jtopo、D3.js、Qunee(收费)、Gra...

HTML5 Canvas实现放烟花特效

herman 9年前 (2016-02-24) 11545浏览 1评论

快过年了,放烟花这一中国传统习俗,又将华丽丽的展示在全世界人们的面前。我们都知道,放烟花虽然好看,但环境污染很严重。而且还容易产生火灾,爆炸等安全事故。为此,今天我就为大家带来了一款,免费而又安全环保的HTML5 Canvas实现的放烟...

HTML5仿素材网的瀑布流设计

herman 9年前 (2016-02-23) 5948浏览 1评论

瀑布流,又称瀑布流式布局,布局模式和瀑布很相像而得名。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国...

Html5试题

herman 10年前 (2015-06-09) 12791浏览 0评论

HTML5越来越火了,各大招聘网站上都是高新还招不到人。最近公司让我出了几套试题,我就抽取其中的部分试题拿来和大家分享。可能试题还存在部分矛盾,不够完美,但还是可以凑合着使用。希望能对正在html5学习路上的网友有所帮助。答案已在最下方公布。 ...

HTML5中meta属性的使用详解

herman 10年前 (2015-06-07) 3740浏览 0评论

meta属性在HTML中占据了很重要的位置。如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等。虽然一些网页可能没有使用meta,但是作为正规军,我们还是有必要了解一些meta的属性,并且能够熟练使用它们。  1、声明文档使用的字符编码 <...