xml地图|网站地图|网站标签 [设为首页] [加入收藏]

美高梅游戏网站

当前位置:美高梅游戏网站 > 美高梅游戏网站 > JavaScript异步编程之用Jscex画圆

JavaScript异步编程之用Jscex画圆

来源:http://www.gd-chuangmei.com 作者:美高梅游戏网站 时间:2019-09-03 22:13

关注老赵的jscex很久了,jscex利用eval(str)的无限可能,从“$async” 到“async”,从不支持if else 等 到支持 if else等·,jscex正在不断完善和优化当中。jscex完全可以投入生产环境了 昨天讲完pi,今天来画圆吧!

一.简介

在支持html 5的浏览器中执行下面代码:

关注老赵的jscex很久了,jscex利用eval(str)的无限可能,从“$async” 到“async”,从不支持if else 等 到支持 if else等·,jscex正在不断完善和优化当中。jscex完全可以投入生产环境了··

<!DOCTYPE HTML> <html> <body>  <canvas id="myCanvas" width="480" height="300" style="border:1px solid #c3c3c3;"> Your browser does not support the canvas element.  </canvas> <script type="text/javascript">      var c = document.getElementById("myCanvas");      var ccxt = c.getContext("2d");      var x = 150;      var y = 150;      var r = 100;      cxt.moveTo(x - r, y);      for (var i = x - r; i < x + r + 1; i++) {          var tempY = Math.pow(r * r - (x - i) * (x - i), 1 / 2);          cxt.lineTo(i, y + tempY);      }      cxt.moveTo(x - r, y);      for (var i = x - r; i < x + r + 1; i++) {          var tempY = Math.pow(r * r - (x - i) * (x - i), 1 / 2);          cxt.lineTo(i, y - tempY);      }        cxt.stroke();   </script>  </body> </html> 

二.画圆

在Canvas里显示如下:

在支持html5的浏览器中执行下面代码:

图片 1

> <html> <body> <canvas id="myCanvas" width="480" height="300" style="border:1px solid #c3c3c3;"> Your browser does not support the canvas element. canvas> <script type="text/javascript">     var c = document.getElementById("myCanvas");     var ccxt = c.getContext("2d");     var x = 150;     var y = 150;     var r = 100;     cxt.moveTo(x - r, y);     for (var i = x - r; i < x + r + 1; i++) {         var tempY = Math.pow(r * r - (x - i) * (x - i), 1 / 2);         cxt.lineTo(i, y + tempY);     }     cxt.moveTo(x - r, y);     for (var i = x - r; i < x + r + 1; i++) {         var tempY = Math.pow(r * r - (x - i) * (x - i), 1 / 2);         cxt.lineTo(i, y - tempY);     }       cxt.stroke(); script> body> html> 

但是,我们明明是在画圆,怎么没有看到画圆的过程?javascript就是这样,解释完就画完了,而不会呈现解释的过程,这也是为什么javascript不用考虑多线程问题,仅仅UI线程。那么怎么看到画圆的过程?

在Canvas里显示如下:

jscex闪亮登场!

图片 2

本文由美高梅游戏网站发布于美高梅游戏网站,转载请注明出处:JavaScript异步编程之用Jscex画圆

关键词:

上一篇:没有了

下一篇:没有了