xiaoc_

2013年9月25日 #

surface上的手势事件

摘要: surface上的手势事件1、surface上的触控事件测试。手指触控在CHROME和FIREFOX下会触发touch事件,而IE10是不支持touch事件的。手指触控在三个浏览器下均会触发全部的mouse事件。触控笔在三个浏览器下均会触发mouse事件。触控笔的触控不能触发CHROME和FIREFOX下的touch事件。 2、通过touch事件来判断一个双指手势:pinch。依赖touch事件就可以封装各种高级的手势,包括单指和多指的手势在ios,android移动设备上已有很多的应用了。touch事件触发过程:第一根手指按下:touchstart第二根手指按下:touchstart……滑动 阅读全文

posted @ 2013-09-25 17:07 xiaoc_ 阅读(4537) 评论(0) 推荐(0) 编辑

2013年3月12日 #

HTML5-Canvas对图片的操作

摘要: Canvas图片API非常强大,有两个最基础的方法,一是展示图片,二是像素级的修改图片后再把它打印到画布上。1、通过drawImage()将图片显示在画布上 var img = new Image(); img.src = ''; img.onload = function(){ ctx.drawImage(img,0,0) }2、截取图片的一部分到画布上//(sx , sy )开始位置//(sw , sh )目标大小(缩放)//(dx , dy )截取开始位置//(dw , dh )截取大小function drawImage(Image , sx , sy , sw ,.. 阅读全文

posted @ 2013-03-12 17:31 xiaoc_ 阅读(2193) 评论(0) 推荐(0) 编辑

导航