最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

一.簡介

創(chuàng)新互聯(lián)建站是一家專業(yè)提供長興企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、網(wǎng)站設(shè)計、外貿(mào)營銷網(wǎng)站建設(shè)、HTML5、小程序制作等業(yè)務(wù)。10年已為長興眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

關(guān)注老趙的jscex很久了，jscex利用eval(str)的無限可能，從“$async” 到“async”，從不支持if else 等 到支持 if else等·，jscex正在不斷完善和優(yōu)化當(dāng)中。jscex完全可以投入生產(chǎn)環(huán)境了··

二.畫圓

在支持html5的瀏覽器中執(zhí)行下面代碼：

 
 
 
 
  
  
  
  
> 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
Your browser does not support the canvas element. 
  
  
  
  
canvas> 
  
  
  
  
 
  
  
  
  
    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里顯示如下：

但是，我們明明是在畫圓，怎么沒有看到畫圓的過程？javascript就是這樣，解釋完就畫完了，而不會呈現(xiàn)解釋的過程，這也是為什么javascript不用考慮多線程問題，僅僅UI線程。那么怎么看到畫圓的過程？

jscex閃亮登場！

 
 
 
 
  
  
  
  
> 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
Your browser does not support the canvas element. 
  
  
  
  
canvas> 
  
  
  
  
    script> 
  
  
  
  
    script> 
  
  
  
  
    script> 
  
  
  
  
    script> 
  
  
  
  
 
  
  
  
  
    var c = document.getElementById("myCanvas"); 
  
  
  
  
    var ccxt = c.getContext("2d"); 
  
  
  
  
    var x = 150; 
  
  
  
  
    var y = 150; 
  
  
  
  
    var r = 100; 
  
  
  
  
    var drawAsync = eval(Jscex.compile("async", function () { 
  
  
  
  
        cxt.moveTo(x - r, y); 
  
  
  
  
        for (var i = x - r; i < x + r + 1; i++) { 
  
  
  
  
            $await(Jscex.Async.sleep(10)); 
  
  
  
  
            var tempY = Math.pow(r * r - (x - i) * (x - i), 1 / 2); 
  
  
  
  
            cxt.lineTo(i, y + tempY); 
  
  
  
  
            cxt.stroke(); 
  
  
  
  
        } 
  
  
  
  
        cxt.moveTo(x - r, y); 
  
  
  
  
        for (var i = x - r; i < x + r + 1; i++) { 
  
  
  
  
            $await(Jscex.Async.sleep(10)); 
  
  
  
  
            var tempY = Math.pow(r * r - (x - i) * (x - i), 1 / 2); 
  
  
  
  
            cxt.lineTo(i, y - tempY); 
  
  
  
  
            cxt.stroke(); 
  
  
  
  
        }      
  
  
  
  
    })); 
  
  
  
  
    drawAsync().start(); 
  
  
  
  
script> 
  
  
  
  
body> 
  
  
  
  
html> 
 
 
 

這樣就可以目睹畫圓全過程！

當(dāng)前題目：JS異步編程一：用Jscex畫圓
文章URL：http://fisionsoft.com.cn/article/dpdhegd.html