摘要： 前段时间做了个跟裁剪相关的活动《用H5中的Canvas等技术制作海报》，这次公司要做个与奥运相关的活动，扫车牌赢奖。 于是我就在上一个活动的基础上，将代码重新封装一下，并且将计算方式写的更通用。下图是活动中裁剪的页面： 先来看看两个活动的不同： 1、原先的活动每次旋转只能90°，而此次活动可以任意角 阅读全文

摘要： 在去年的时候也实现过合成海报的功能，不过当时时间仓促，实现的比较简单。 就一个旋转功能，图片也不能拖动放大，也不能裁剪。 去年的实现可以参考《移动图片操作--上传》和《移动图片操作--预览旋转合成》 这次有时间就实现一个功能稍微多点的海报。 一、概要 第一屏 总共有三屏，第一屏是选择图片，第二屏是合 阅读全文

摘要： 最近开发了一个移动端的端午活动页面，做完后就想写点东西总结一下，感受最深的就是打草稿。 刚开始并没有打草稿，直接开干，越做到后面就越觉得代码很乱很杂，非常不舒服，做到哪个页面写这个页面的CSS，没有大局观。 在完成页面后，就思考了一下，觉得打草稿是个好习惯，磨刀不误砍柴工。 打草稿的步骤如下： 1） 阅读全文

摘要： “PrimusUI”是自己在借鉴了如今网上很多开源的UI库，再经过自己整理加工的一个简单代码集合。 每个功能块的CSS代码都很少，力求简单易懂，低门槛，代码可根据自己实际情况轻易修改，改到符合自己场景为止。 一、制作的理由 之所以重复造轮子，有以下几点原因： 1）现今开发很多时候讲究效率，给你很短的 阅读全文

摘要： 最近在看一本关于网络协议的书《图解HTTP》 当我们在浏览器的地址栏输入 http://www.pwstrick.com ，然后回车，回车这一瞬间到看到页面到底发生了什么呢？ 1. 域名解析 2. 建立TCP连接 3. 发起HTTP请求 4. 服务器响应HTTP请求 5. 浏览器渲染页面 自己原先不 阅读全文

摘要： 最近在读一本经典书《高性能网站建设进阶指南》。 虽然书籍很多年前就出版了，但里面的内容还是耐人寻味，这次就好好的实践了一下。 纸上得来终觉浅，绝知此事要躬行，实践中将会发现一些问题。 有个官方网址《Even Faster Web Sites》，点击“Run the Examples”按钮，就能进入在 阅读全文

摘要： 最近公司要制作个文档库，直接就可以将jekyll应用到实际中。 模版使用了Jekyll Clean，这么模版相对内部简单一点，学习成本不会很大，而复杂的Minimal Mistakes就当作参考。 模版使用的CSS是Bootstrap v3.2.0版本的。为了省时点，我就直接将Bootstrap官网 阅读全文

摘要： 很多人会制作自己的主页，页面美观简洁，一直很在意是怎么做的。 最近公司需要做个文档库的主页，就研究了一些开源的工具，后面发现了jekyll（读杰克尔），将纯文本转换为静态博客网站。 一、Ruby jekyll提供了很多现成的主题可以使用，里面有很多高大上的款式。 官网上面有专门一节是介绍安装的，不过 阅读全文

摘要： 以前曾经记录过linear-gradient（线性渐变）和 radial-gradient（径向渐变）的语法。 可以参考《CSS3中border-radius、box-shadow与gradient那点事儿》 但在实际应用中却不怎么用，主要就是因为自己并没有懂这两个属性的强大之处，再加上自己的想象力 阅读全文

摘要： 在Canvas中如果要添加事件，就需要计算坐标来模拟各种事件，而EaselJS中已经封装好了多个事件，只需调用即可。 一、事件 1）点击 事件是绑定在Shape类中的，click事件与DOM中的意思是一样的，还有个双击事件dblckick，完整的代码可以查看这里。 可以用addEventListen 阅读全文