HTML5

A collection of 4 posts

HTML5

HTML5 PNG 解码测试

基于这篇文章的研究结果,做了一个小实现。 测试入口 不支持IE。。。 几点经验吧: escape和unescape采用Unicode编码,encodeURI(Component)和decodeURI(Component)采用UTF-8编码。 Opera不支持HTML5原生拖拽(?) 一旦在源HTML里设置图像宽度,无论是width,还是内置css还是style标签,更新innerHTML之后都会乱码,原因不明。 forEach虽然好用,但是只支持数组,nodeList之流还是乖乖for循环。。。 Chrome存不了拖拽dataTransfer的setData,刚set完get就没有,而且直接看对象也是只存了key没存value,原因不明。 effectAllowed里面,move跟移动文件的光标一样,copy跟复制文件的光标一样,link跟创建快捷方式的光标一样。 如果在dataTransfer里面set了text/plain的data,drop时firefox会自动打开搜索页。就跟选中一段文本拖动是一个感觉。Chrome没有估计是因为5的原因。要防止的话preventDefault可能不是万能的,drop时clearData才是万全之策。 Safari的宽度计算有问题?四宫格视图里面,总宽度500,其他浏览器只要每个宽度250就可以放下,Safari必须248,然后拖动一下之后250居然又可以放下了。目测BUG。 其实主要还是想练Python。 头回写Python,

HTML5

鼓向,看DSP看得手痒

琢磨了一下前两天google的那个电吉他的doodle原理,于是就写了这个(伪)太鼓达人10周年纪念doodle。 http://goo.gl/v1RQw Chrome能出声 FireFox4不能出声 Safari能出声 Opera11下面的搜索框显示不出来。。。 代码片段一:根据点击Canvas位置的颜色判定是咚还是咔。 var data=$("doodle").getContext("2d").getImageData(event.offsetX,event.offsetY,1,1).data; var red=data[0]; var green=data[1]; var blue=data[2]; if(