html5--cavas画圆
来源:互联网 发布:淘宝购物券是什么 编辑:程序博客网 时间:2024/06/03 05:34
最近开始学习HTML5,在cavas随机生成点画圆。代码如下
<!DOCTYPE HTML><html><body><canvas id="myCanvas" width="300" height="300" style="border:1px solid #c3c3c3;">Your browser does not support the canvas element.</canvas><script type="text/javascript">var status=0; function showOrHide(){var c=document.getElementById("myCanvas");var cxt=c.getContext("2d");var x=parseInt(Math.random()*(280-20+1)+20,10);var y=parseInt(Math.random()*(280-20+1)+20,10);if(status==0){show(cxt,x,y)status=1;}else{//hide(cxt,x,y)status=0;}}function show(cxt,x,y){cxt.fillStyle="#FF0000";cxt.beginPath();cxt.arc(x,y,15,0,Math.PI*2,true);cxt.closePath();cxt.fill();}function hide(cxt,x,y){cxt.fillStyle="#FFFFFF";cxt.beginPath();cxt.arc(x,y,16,0,Math.PI*2,true);cxt.closePath();cxt.fill();}setInterval("showOrHide()",100);</script></body></html>
0 0
- html5--cavas画圆
- HTML5 Cavas 第三篇
- HTML5 cavas画布加载图片
- html5--用cavas做一个小游戏
- Android画布(cavas)
- Android Cavas.clipPath()用法
- js cavas截图
- 安卓cavas.clipPath用法
- cavas使用实例 - 九宫图
- android获取当前cavas位图代码
- 使用Behavior动态对Cavas.Children赋值
- Unity ugui学习笔记 --cavas
- 动态的设置cavas的宽高
- html5 画圆
- html5 画圆
- html5画线,html5画圆,html5渐变颜色,html5画图
- Cavas的save()和restore()方法的运用
- 体验几个超酷超炫的HTML 5 Cavas应用
- UIKit框架 -09.UIPageControl
- hdu1029 Ignatius and the Princess IV(DP求数列中出现次数过半的数)
- JavaScript数组
- poj 1065 最长上升子序列
- iOS多线程
- html5--cavas画圆
- string库(string.h)字符串查找函数
- php-max_execution_time
- 集合
- 深入理解JavaScript系列(38):设计模式之职责链模式
- java TCP上传文本
- [web安全] SQL注入之MySQL
- win8.1下IE11按F12调出开发工具的莫名异常问题解决
- android 自定义view