HTML5 Canvas可以在更短的時間內畫下圖嗎？

我想提請電場的共混物的身影，但下面的代碼發生在谷歌Chrome瀏覽器4秒。

我想在我朋友物理老師班使用這個數字，但是在他的學校的電腦房裏只有只有IE8機器。

我想讓學生免費點積分並觀看數字。

是否可以在較短的時間內畫出如下圖？

canvas = $('canvas')[0] 
context = canvas.getContext "2d" 
height = canvas.height 
width = canvas.width 

imagedata = context.createImageData 1, 1 
imagedata.width = 1 
imagedata.height = 1 
imagedata.data[0] = 0 
imagedata.data[1] = 0 
imagedata.data[2] = 0 
imagedata.data[3] = 256 

for w in [0...width] 
    for h in [0...height] 
    C = 150 
    r1 = Math.sqrt(Math.pow(200 - w, 2) + Math.pow(240 - h, 2)) 
    v1 = C/r1 # * Math.pow 1.001, -r 
    r2 = Math.sqrt(Math.pow(500 - w, 2) + Math.pow(240 - h, 2)) 
    v2 = C/2/r2 # * Math.pow 1.001, -r 
    v = v1 + v2 
    if 5 < v and v < 6 
     context.putImageData imagedata, w, h 
    else if 3 < v and v < 4 
     context.putImageData imagedata, w, h 
    else if 1 < v and v < 2 
     context.putImageData imagedata, w, h

來源

2013-04-03 weed