canvas光晕
2015-08-27 19:00
246 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function draw(id){ var convas = document.getElementById(id); if(canvas == null){ return false; } var context = canvas.getContext('2d'); context.fillStyle = '#eeeeff'; context.fillRect(0,0,400,300); for(var i=0;i<10;i++){ context.beginPath(); context.arc(i*25,i*25,i*10,0,Math.PI*2,true); context.closePath(); context.fillStyle = 'rgba(255,0,0,0.25)'; context.fill(); } } </script> </head> <body onload="draw('canvas');"> <canvas id="canvas" width="400" height="300"></canvas> </body> </html>
相关文章推荐
- Emacs 学习(四)
- 2015年8月27号工作内容以及遇到的问题
- dispatch_after 的使用方法
- 深入理解Java的接口和抽象类
- 对象模型如何影响程序
- 对象模型如何影响程序
- 第一天申请blog,记下申请blog的时间吧
- 两种单例模式的写法
- Mysql在大型网站的应用架构演变
- JSF 2 checkboxes example
- Android TextView 给文本中指定片段添加自定义点击事件
- 小甲鱼Python第十讲课后题
- 纯css玩转三角形
- new关键字的用法
- 黑马程序员训练营十道满分题解
- 如何将oc代码转换成运行时代码
- 内核启动分析(四)——检查,配置环境阶段
- 看<<人人都是产品经理>>读后感
- Windows内核编程基础之使用LIST_ENTRY
- Java学习之自动装箱和自动拆箱源码分析