摘要: 前面给大家带来了操作像素的API,此时此刻,我觉得应该配以小实例来进行进一步的说明和演示,以便给大家带来更宽广的视野和灵感,你们看了我的那么多的文章,应该是懂我的风格,废话不多说,进入正题: 这次给大家带来的是图片的马赛克效果,这种效果你们应该很熟悉了,比如看到一些较污的新闻,关键的地方总是有这万恶 阅读全文
posted @ 2016-04-28 15:33 凌云之翼 阅读(6857) 评论(3) 推荐(11) 编辑
摘要: 前几期讲的都是路径图形的绘图,这节我们要讲的是如何在画布上操作图片,因为图形画不了漂亮妹子(画图高手忽略不计),想画美女怎么办?跟我来: 想要在画布中插入一张图片,我们需要的方法是这位大侠: drawImage() 在画布上绘制图像,画布或视频 这位大侠可谓是武功高强啊,其绝学之多,内力之深,堪称高 阅读全文
posted @ 2016-04-26 11:02 凌云之翼 阅读(2523) 评论(0) 推荐(2) 编辑
摘要: 俗话说:发图不留种,菊花万人捅!我这里想延伸一下:教学不给例,说你是傻逼!哎呀,还挺押韵,嘻嘻,开个玩笑! 我们都讲了四期API的知识了,估计大家看的也是枯燥的很啊,前面的小实例也是太简单,简直不解渴啊,但是也不能一口气就吃成一个胖子,下面再给大家来一个小实例,给大家提提神! 前面在讲画圆的时候,给 阅读全文
posted @ 2016-04-19 11:24 凌云之翼 阅读(12792) 评论(2) 推荐(5) 编辑
摘要: 今天要讲的内容是canvas的转换功能,前面的内容没用看的同学可以出门右转,先看看前面的基础知识,废话不多说,开始进入正题吧! 何为转换功能?熟悉css3的同学都知道,css3里面有transform,translate,scale,rotate,animation等等,这就是css3的转换功能,同 阅读全文
posted @ 2016-04-15 11:18 凌云之翼 阅读(3095) 评论(3) 推荐(4) 编辑
摘要: 前面讲了一部分的canvasAPI的基础知识,光看API的介绍确实是很无趣乏味,需要一点可以激发内心的激情的东西来激励自己来学习,于是就了伴随canvasAPI学习的小实例,这样通过API的知识,结合小实例的应用,就可以更好的去理解canvas的这些属性和方法,也可以激发自己创造canvas特效的灵 阅读全文
posted @ 2016-04-14 08:50 凌云之翼 阅读(6436) 评论(2) 推荐(3) 编辑
摘要: 全文说到了三角形,圆形等相关图形的画法,不熟悉的同学可以出门右转,先看看前文,接下来继续我们的图形——曲线。 学过数学,或者是比较了解js 的同学都知道贝塞尔曲线,当然,在数学里面,这是一门高深的学问,js里面的贝塞尔曲线一般是用来做动画的,其实别的地方也有体现,比如说Photoshop里面的钢笔工 阅读全文
posted @ 2016-04-13 10:46 凌云之翼 阅读(2880) 评论(12) 推荐(8) 编辑
摘要: 上文我们讲到了画一条线,画矩形,写文字,总算是有了一个好的开头,如果还没有看的同学出门左转,先看看那篇,这里就不多做叙述了,接下来我们看比较复杂的一些属性和方法! 讲之前呢,我还是想温习一下,毕竟上文还有几个属性没有讲到,那我们从画三角形开始吧! 如果看了上文,机智的少年肯定会想到,三角形,多简单啊 阅读全文
posted @ 2016-04-08 11:04 凌云之翼 阅读(2789) 评论(2) 推荐(3) 编辑
摘要: 在没学canvas的时候,觉得canvas是这么的神秘,这么的绚丽,这么的高深,用canvas做出来的效果是如此的炫酷,能做的事情如此的宽广,简直让我心生敬畏之心,时常感叹:我要是得此技能,必定要上天了(注意,这里不是要升天啊),那时候一直不敢涉猎的原因主要是,第一,在还需要兼容IE的时代,兼容性是 阅读全文
posted @ 2016-04-07 14:08 凌云之翼 阅读(10480) 评论(7) 推荐(3) 编辑
摘要: 经常在网站别人的网站的注册页中看到一个拖拽验证的效果,就是它的验证码刚开始不出来,而是有一个拖拽的条,你必须将这个拖拽条拖到底,验证码才出来,说了感觉跟没说一样,你还是不理解,好吧,我给个图你看看: 这个是在万网的注册页中所截的图,大概的效果就是,当拖动那个拖拽框时,如果拖拽框没有拖到最右边,则拖拽 阅读全文
posted @ 2016-03-25 11:47 凌云之翼 阅读(865) 评论(0) 推荐(2) 编辑
摘要: 前面我们将了一下拖拽的基本思想,理论是有了,那实践呢,可以运用到什么地方呢?下面就给大家带来一个用拖拽思想写的一个小实例,供大家参考,大致效果看下图: 就是这样一个简单的一个拖拽条,你可以把它理解为滚动条,也可以理解为表单中的数量选择控件,也可以理解为进度条,等等,反正你可以改成很多你想要的效果,废 阅读全文
posted @ 2016-03-25 11:03 凌云之翼 阅读(1059) 评论(0) 推荐(0) 编辑