大家帮忙看看这段代码(来自ajax修炼之道)

原创 2007年09月24日 21:11:00
从《ajax修炼之道》里摘出来的一段有关canvas的代码,可是在firefox和ie里都不能达到应有的效果,正确的网页效果应该是画出来的一段漂亮的图形。
 
对canvas一直都不是特别懂,但觉得他很神奇,期望高人指点迷津!!!多谢!!!

代码如下:

<!DOCTYPE html>
<title>canvas demo: with beginPath() and closePath()</title>
<p>Speed</p>
<canvas width="300" height="300"> Your browser does not support canvas.</canvas>

<script>
   function drawStuff(){
      var phi=1.61803399;
      var canvas=document.gerElementsByTageName("canvas")[0];
      if(canvas.getContext){
         var ctx=canvas.getContext("2d");
         ctx.save();
         ctx.translate(canvas.width/2.0,canvas.height/2.0);
         var i=0;
         var then=new Date();
         for(var i=0;i<300;i++){
             var theta=(i*phi*Math.PI*0.05);
             var r=0.4*i;
             var xc=r*Math.cos(theta);
             var yc=r*Math.sin(theta);
             var rho=(i/150.0)*Math.PI;
             var alpha=(i+50)/700;
             var red=Math.floor(192.0+(63.0*Math.sin(rho)));
             var green=Math.floor(192.0+(63.0*Math.cos(rho)));
             var blue=Math.floor(Math.sqrt(red));
             ctx.beginPath();
             ctx.fillStyle="rgba("+red+","+green+","+blue+","+(1.0-alpha)+");
             ctx.arc(xc,yc,alpha*40.0,0,2*Math.PI,0);
             ctx.fill();
             ctx.arc(xc,yc,alpha*40.0,0,2*Math.PI,0);
             ctx.strokeStyle="rgba(0,0,0,"+alpha+")";
             ctx.stroke();
             ctx.closePath();
         }
         var now=new Date();
         document.getElementsByTageName('p')[0].textContent +=" "+(now-then)+"ms";
         ctx.restore();
     }
   }
drawStuff();
</script>

谁能帮我看看这段jsp代码中的问题

http://www.w3.org/TR/html4/loose.dtd">        用户登陆验证          //获取登录的用户名   String UserName...

这段代码出错在那可以编译不能运行

以下的代码是我改了以后的不知道怎么的就不能运行我在网上搜了很久没有结果这里是最后的希望希望各位大侠能帮我指点 /* 头文件 */#include #include /* 预定义 */#define B...
  • mwc1586
  • mwc1586
  • 2011年03月09日 13:09
  • 259

viewpager 自动无限循环 这段代码移到你的程序中就可以用了

本程序需要懂得viewpager的基础知识,也就是说你能够自己写出一个手动滑动的viewpager,下面我将附带加小圆点的知识那么我们回顾一下图片轮转的基础知识,如果你已经对viewpager很熟悉了...

一个数独算法,以及对于这段代码的我之见解。

一直都有人劝我开一个博客,然后这段代码就成为了契机。 因为这段代码简直是对于观赏zhe...

linux 不回车直接读取一个字符的方法(termios结构的描述了终端的模式,在这段代码中我们改变了它,使得终端能够接收到键盘输入马上返回。)

以下有两种,其实就是一种,都是通过更改终端的设置,但用完一定要在改回来,第一种是封装好了getch(),第二种没有封装。 使用getch(),需要NCURSES库,但对这个库我不是很了解。使用时,要...

这段代码哪里内存溢出了呢?

//============================================================================ // Name : Doub...
  • svitter
  • svitter
  • 2014年05月18日 15:52
  • 858

这段代码的error产生原因是什么?

#include using namespace std; class Base{ public: virtual int call() { int a = 2; ...
  • hitexam
  • hitexam
  • 2011年07月04日 10:43
  • 254

脚本的最大优势,就是简化工作步骤提高工作效率,你看出来了吗?有没有看到这段代码的作用呢?

下面这段代码,是为了提高刷机的生产效率!掌握基本的shell编程,很多事情都会变得如此的简单。 update.sh #! /bin/sh set -x echo "start update ......
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:大家帮忙看看这段代码(来自ajax修炼之道)
举报原因:
原因补充:

(最多只允许输入30个字)