SVG标签内元素加鼠标tooltip悬浮提示

有时候我们需要对svg图形内的某个标签元素添加类似普通标签title效果的悬浮提示,但是在我们添加title之后把鼠标放上去发现每一点效果,还有一个很奇怪的现象,就是可能你用浏览器的开发者工具动态...

H5拍照上传

心血来潮想在网页上搞个拍照上传,由于以前没做过类似的东西,百度了一下,还真的有一个这样的API(getUserMedia),不过浏览器支持情况不实很好,以下是getUserMedia的支持情况: ...

Canvas镜像翻转

Canvas镜像翻转的原理就是从原图像或者原Canvas的边角获取相应长宽的像素值,然后对获取的像素值进行反转(上下竖向反转,左右横向反转),再将反转后的像素绘制到对应的镜像边框上。 下面是反转过...

函数节流的实际应用

之前在网上看过一些有关函数节流方面的东西,对于其实际的应用场景,说的比较多的是在窗口频繁的resize的时候,前几天在做项目的时候也遇到了一个需要用到函数节流的问题,场景是这样的,在一个主画布中(...

使用Canvas来模拟画一棵树

首先说一下思路: 从树干开始依次循环指定层数值(不要太大),每次随机画指定限制次数内的树枝(这里是3),然后给数值一定规律循环的颜色。这样就得到了一棵树,也可能像一朵西蓝花。 实现代码: ...

JavaScript简单实现MVC

最近看了“30行代码实现Javascript中的MVC”这篇文章(http://web.jobbole.com/85108/),受益良多,在此记录下学习的心得。 提到MVC,基本都会从一些框架开始...

Javascript拖拽拼图

实现拖拽拼图的思路: 1. 首先将一个大图划分成指定定长宽的小块,生成map数组(为了让效果更富有动感,在生成最终的map之前会先打乱数组的顺序),并绘制在页面中(这里我们采用div+css来布局...

Javascript实现寻径算法

之前对寻径算法挺感兴趣,然后查了查,似乎都是在说A*算法,找了一代对资料看,对于其过程,大致清楚,但是到实现然后我就有点蒙,偶然间在网上看到这个算法,觉得比A*算法简单多了,而且寻找的路径也还挺准...

JavaScript模拟实现12306图片验证码

看12306的图片验证码挺好玩的,拿起js我也来实现一个。 既然是验证码就有显示,输入和验证三个过程 1、显示 12306的图片验证码是把一些小图显示在一张大图上,为了实现这个,我去网上找了一些图...

Javascript函数节流

1、什么是函数节流? 函数节流简单的来说就是避免函数在很短的时间内连续被调用,比如我们最常见的是窗口缩放的时候,经常会执行一些其他的操作函数,比如发一个ajax请求等等事情,那么这时候窗口缩放的时...