04 2012 档案
摘要：本文主要用到的知识 HTML5中的File及FileReader接口 相关资料： Using files from web applications File API源码 HTML5文件拖拽预览Demo HTML5文件拖拽预览Demo 文件预览区，仅限图片和txt文件 主要代码解析 样式部分就不说了，很简单 dragover、dragend、drop是三个与拖拽相关的事件。 dragover表示被拖放的元素正在本元素范围内移动 dragend表示拖放操作结束 drop表示有其他元素被拖放到了本元素中 代码中先分...
阅读全文
摘要：本文主要用到的知识 本文主要用到了Canvas API中的drawImage方法，下面对此方法略做介绍。 在Canvas API中绘制图像用drawImage方法，这是一个重载方法，定义如下：context.drawImage(image,x,y);context.drawImage(image,x,y,w,h);context.drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh); 第一个方法有三个参数，第一个参数为要绘制的图像(还可以是video元素)，x和y为该图像在画布中的起始坐标。 第二个方法有五个参数，前三个跟第一个方法意义一样，w和h指绘制时的...
阅读全文
摘要：本文主要用到的知识 1、Canvas 2、三角函数 3、JavaScript以上知识学习资源推荐 Canvas：https://developer.mozilla.org/en/Canvas_tutorial、http://www.w3.org/TR/2dcontext/ 三角函数：http://zh.wikipedia.org/zh/%E4%B8%89%E8%A7%92%E5%87%BD%E6%95%B0 JavaScript：https://developer.mozilla.org/en/JavaScript、http://www.w3school.com.cn/js/ind...
阅读全文
