搜索列表
-
利用html5 canvas破解简单验证码及getImageData接口应用
【html5】:HTML 5中的canvas有个接口getImageData可以用来从验证码图像中取得像素数据。每一个像素有对应r,g,b,a四个值,r,g,b是红绿蓝三色,a是透明度;观察了一下,接下来说下思路及实现代码,感兴趣的你可不哟啊走开啊
canvasgetImageData验证码 -
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
【html5】本小菜刚开始学习HTML5,现在对其中的Geolocation颇感兴趣,结合Google Map的API实现基本的地图定位功能主要是由以下几个步骤:获取当前地理位置、调用Google Map API获取当前位置信息
Geolocation地理位置 -
photoshop设计制作抽象艺术的美女歌者炫丽海报
【合成特效】本教程告诉你如何制作抽象的艺术以及光对效果的美女歌者炫丽海报
抽象艺术美女海报 -
对背景图定位中background-position属性的自我理解
【心得技巧】最近在项目中需要大量的用到很多标签按钮什么的零碎图片,加上一直没机会使用Css中的”精灵技术“,这里把我对background-position的理解写成文档供更多人使用学习;如果有不对的请大家使劲拍
背景图定位background-position -
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
【html5】canvas中根本没有画椭圆的方法,我们要用其他方法来模拟,我们首先要明确画一个椭圆需要那些参数,基本的几何知识告诉我们,椭圆需要圆心坐标,宽度,高度——或者还有旋转角度,接下来将介绍使用lineTo画椭圆,使用arc画圆,然后把他缩放成一个椭圆,使用贝赛尔曲线bezie
canvas画椭圆形arc -
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
【html5】上一篇文章我讲了画矩形和圆形的方法,他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来,我们动用把面拆成线条的能力,很容易就能发现圆角矩形其实是由4条钩子般的曲线组成,感兴趣的朋友可以了解下
canvas圆角矩形模拟 -
html5 Canvas画图教程(9)—canvas中画出矩形和圆形
【html5】本文讲一下在canvas中画出矩形和圆形的办法,他们属于基础图形。当然,基础图形本来不止他们,但在canvas中,只有画矩形与圆形不需要用其他方法模拟,感兴趣的朋友可以了解下
canvas矩形圆形 -
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
【html5】arc,arcTo以及quadraticCurveTo.他们都有一个共同点,就是他们画的曲线都只能偏向一边,今天讲的bezierCurveTo与他们最大的不同点就是有两个控制点,即可以画出S形的曲线了,感兴趣的朋友可以了解下哦
Canvas画曲线 -
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
【html5】今天讲quadraticCurveTo方法画曲线,quadratic的意思是二次,即数学中二次元方程那个二次,接下来详细介绍quadraticCurveTo方法的使用,感兴趣的朋友可以了解下哦
Canvas画曲线quadraticCurveTo -
html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法
【html5】arc与arcTo,从名字都能看出来相似。arcTo也是画曲线的方法,而且他画出的曲线也是正圆的一段弧线。但他的参数和arc简直是不共戴天~,感兴趣的朋友可以了解下哦,接下来详细介绍arcTo方法的应用
Canvas画曲线arcTo -
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
【html5】anvas里画曲线的难点之一,就在于他连曲线的函数就有4个!分别是arc,arcTo,quadraticCurveTo,bezierCurveTo.我从最简单的arc方法讲起吧,感兴趣的朋友可以了解下哦
canvas画曲线arc方法 -
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
【html5】一般绘图的方式有两种,即填充和描边,前面的文章已经讲了描边的方法stroke,本文就讲一下Canvas中填充图形的方法
Canvas未闭合的路径渐变色