标签:缩放

touch.js的使用总结

前言 随着 Hybrid 应用的丰富,HTML5 工程师们已经不满足于把桌面端体验简单移植到移动端,他们觊觎移动原生应用人性化的操作体验,特别是原生应用与生俱来的丰富的手势系统。HTML5 没有提供开箱即用的手势系统,但是提供了更底层一些的对 touch 事件的监听。基于此,我们可以做出自己的手势库。 touch.js手机端的操作手势 手势 常用的 HTML5 手势可以分为两类,单点手势和两点手势

Read More

HTML5 手势检测原理和实现

前言 随着 Hybrid 应用的丰富,HTML5 工程师们已经不满足于把桌面端体验简单移植到移动端,他们觊觎移动原生应用人性化的操作体验,特别是原生应用与生俱来的丰富的手势系统。HTML5 没有提供开箱即用的手势系统,但是提供了更底层一些的对 touch 事件的监听。基于此,我们可以做出自己的手势库。 手势 常用的 HTML5 手势可以分为两类,单点手势和两点手势。单点手势有 tap(单击),do

Read More

HTML5 Canvas处理头像上传

最近社区系统需要支持移动端,其中涉及到用户头像上传,头像有大中小三种尺寸,在PC端,社区用Flash来处理头像编辑和生成,但该Flash控件的界面不友好而且移动端对Flash的支持不好,考虑到这些问题,最后我们选用Canvas来完成图像尺寸缩放和图片数据获取。 canvas剪裁图片并上传,前端一步到位,无需用到后端 背景:      当前主流的图片剪裁主要有两种实现方式。      1:flash

Read More

HTML5 Canvas图像处理技巧

最近社区系统需要支持移动端,其中涉及到用户头像上传,头像有大中小三种尺寸,在PC端,社区用Flash来处理头像编辑和生成,但该Flash控件的界面不友好而且移动端对Flash的支持不好,考虑到这些问题,最后我们选用Canvas来完成图像尺寸缩放和图片数据获取。 本文是从 HTML5 Canvas Tutorial – Displaying Images 这篇文章翻译而来。 等边处理 头像一般都是正

Read More

网站地图xml地图