随笔分类 -  HTML5

主要包括canvas和svg等实现的效果的文章
摘要:需要用到jCanvas插件和jQuery。 jCanvas下载:https://raw.githubusercontent.com/caleb531/jcanvas/master/jcanvas.min.js 代码如下: 效果大概如下: 阅读全文
posted @ 2016-12-20 15:38 木西梧 阅读(13204) 评论(4) 推荐(1)
摘要:现在扫描二维码已经很普遍,微信扫一扫即可,但是如果二维码是在自己的手机上呢?那就要用到微信里的一个功能了,手指长按二维码,会弹出自动识别的选项,点确定就可以看到二维码的内容了。那么怎么通过前端实现这个长按自动识别这个功能呢? 首先我们需要知道利用jquery的二维码生成插件jquery.qrcode 阅读全文
posted @ 2016-12-08 10:07 木西梧 阅读(16954) 评论(3) 推荐(0)
摘要:直接上代码: 效果如图: 阅读全文
posted @ 2016-12-07 11:06 木西梧 阅读(1106) 评论(0) 推荐(0)
摘要:项目中需要实现巴蜀地区图,并且将其分为川东、川西、川南、川北四个区域,鼠标悬浮对应区域的区块改变颜色。经过网上查询资料,并未找到现成的区域图,于是就利用SVGDeveloper工具绘制。 一、绘制地图 1、首先找一张地图作为绘制模板; 2、新建svg文件:File --> New --> svg 点 阅读全文
posted @ 2016-08-24 14:20 木西梧 阅读(27146) 评论(1) 推荐(0)
摘要:1.在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,前者是一直存在本地的,后者是伴随着session,窗口一旦关闭就消失了。二者用法完全相同 2.存储数据的方法就是直接给window.localStorage添加一个属性,localSto 阅读全文
posted @ 2015-11-07 16:22 木西梧 阅读(3941) 评论(0) 推荐(0)