如题,研究touch时突发奇想和canvas结合,做了这么个涂鸦板。js代码请直接查看页面源代码,无非是对touchstart等touch事件的使用,以及如何在canvas内部划线
一个比较悲催的问题是,“清空”方法在ios内有效,但在android上表现不好~~~换用canvas的clearRect方法也没能成功
另外还遇到了两个比较麻烦的问题,第一个是用jquery绑定touch事件,在event对象上取不到pageX、Y,查了jqueryMobile的源码,发现需要通过event.originalEvent.touches取得,即源码里的getEventData方法;另一个问题是用脚本设置canvas的width总是不成功,google了N次,发现其一是需要直接设置dom的width属性,而不是style里的width,其二是设置时,直接使用数字,后面不要带“px”,比如: document.getElementById(canvasId).width=’400′
温馨提示:请使用触屏设备