随笔分类 -  HTML5

摘要:某东效果: 简易实现效果: P.S:图片不是重点.... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style type="text/css"> bo 阅读全文
posted @ 2016-03-04 20:57 嘆世殘者——華帥 阅读(228) 评论(0) 推荐(0)
摘要:canvas绘制文字 function draw(id){ var canvas = document.getElementById(id);//获得canvas对象 ... 阅读全文
posted @ 2015-08-11 18:28 嘆世殘者——華帥 阅读(701) 评论(0) 推荐(0)
摘要:HTML5——Data Url生成 1 2 3 4 5 6 如何用HTML5的FileReader生成Data Url 7 8 21 22 23 24 用HTML5的FileReader生成Data ... 阅读全文
posted @ 2015-08-11 18:20 嘆世殘者——華帥 阅读(1078) 评论(0) 推荐(0)
摘要:很多时候绘制完成的图片需要保存,那么我们就可以使用到Canvas API来完成这最后一步! Canvas API使用toDataURL方法把绘画的状态输出到一个data URL中然后重新装载,然后我们就可以把重新装载后的文件直接保存。 Canvas API保存文件的原理实际上就是把我... 阅读全文
posted @ 2015-08-11 17:45 嘆世殘者——華帥 阅读(370) 评论(0) 推荐(0)
摘要:在canvas画布中制作动画相对来说很简单,实际上就是不断变化的坐标、擦除、重绘的过程1、使用setInterval方法设置动画的间隔时间。setInterval(code,millisec) setInterval方法html中固有方法,这个方法接受两个参数,第一个函数表示执行动画的函数,第二个参... 阅读全文
posted @ 2015-08-11 17:29 嘆世殘者——華帥 阅读(477) 评论(0) 推荐(0)