本周继续Canvas的学习，话说过几天就是新年了，放着几天假，也没人约，估计宅家里了，那就搞搞技术，学学东西。本周学习相关JS动画。 说起时间的循环，莫过会提到SetTimeOut 以及 SetInterval。这两个函数初学JS的人都不会陌生。因为相关动画的实现需要他们对时间的控制，也就是动画..

canvas实现图片的变色效果上一篇文章涉及到关于canvas的技术细节，开启了本人canvas的技术学习，这周介绍一个关于利用canvas实现图片滤镜。 相关技术点： 1.将图片绘制到canvas画布上。 涉及API : ctx.drawImage(image,sx,sy,sWidth,sH..

基于一个小画板谈谈canvas上周做了一个项目含有一个签名画板，涉及到canvas绘图，以及手指触摸事件。今天有时间觉得可以总结一下其实其中的知识点还是挺多的，接下来我剖析一下，作为以后的积累吧。 下面给出重要代码片段： 画图代码： 涉及知识点如下： 1.创建一个canvas元素。 <c..

你所不知道的字体下划线上周的一个项目涉及到关于文本下划线的问题，觉得还是用的地方很多，私下就研究了一下相关技术实现。 觉得写到博客里面还是挺有用的，因此写个笔记吧。 关于下划线，css有他的独有属性,text-decorate:underline。但是这个局限于浏览器默认样式。对于线宽，线型，以..

居中对齐最近发现好多项目都用到居中对齐，我用的最多的就是rem设置宽度，然后就是margin值为0 auto。 基本上都能解决遇到的问题。无意间发现一个css的属性方法 calc()，真是个大招。 在介绍他之前先看一个技术痛点，然后在请出calc()。 1. 基于绝对定位方法实现 举例：(一般..

利用css3实现新海诚画风  距离诚哥的新作《 你的名字 》即将上映的时间还有一周多。新海诚迷们在当今各种美图软件盛行的时期，开始了新的PS探索。作为一个直男单身码农，如何凭借代码撩妹，因此结合最近关于css3的滤镜应用，我颇有体会，用在这里就是感同身受。  &em..

meta也可以做到自动刷新page …前段时间，看了一些技术文章关于缓存相关的，其中涉及到关于meta 标签 对于缓存的设置。 进而了解到关于meta标签的 一些比较有用的实现。 首先介绍一下meta的http-equiv属性，http-equiv属性为名称/值对,它指示服务器在发送实际的文档..

时光流转，从初中生时开始博客写作，一直到现在，已经有10年的光景，中间这十年间，真正玩博客也就不到一年，高中的三年就是在大量的考试与作业以及天天拥挤的公交车中度过，网络文字的写作也只有在寒暑假修来的清闲中，偶尔耍耍啦，写写博文，抒发一下那个轻狂少年的内心感受罢了，高中三年过后的大学生活，由于校内..