canvas模擬圓盤劃痕

2021-08-02 11:23:57 字數 2493 閱讀 8724

最近接了個模擬劃痕的專案:

兩個有接觸的圓盤順著逆時針運動,此時若下方的圓盤有凸起,那麼會在上面的圓盤上留下怎樣的劃痕。

引數不同,結果不同,:

計算(x,y)的值用到了大量三角函式,許久不用,通通還回去了=_=,

至於繪製直線則是最簡單的canvas,我之前沒有系統的看過這塊,這次也算學習了。

var query=(function

(name) )('v');

window.ls= null;

window.ls =

var rule =

var times = 2, ctx, r = 225 * times, //pad 半徑

r = 150 * times, //wafer半徑

e = ls.e * times, //圓心距

w1 = ls.pad, //pad 轉速

w2 = ls.wafer, //wafer轉速

point;

w1 = (w1 * 2 * math.pi) / 60; //pad 弧度

w2 = (w2 * 2 * math.pi) / 60; //wafer弧度

ri_arr = (function

() ; return arr;

})(), //線長集合

//ri_arr = [200,250,300,350,400];

ri_angle = ,

ri_arr_len = ri_arr.length, //點數目

ctx_arr = , //劃痕集合

origin = [r-(e-(r-r)), r], //原點

moveto = , //當前點集合

cols = (function

() ; return arr; })(); //顏色集合

period = 600;

///function

ret_rule

(a,b,c) ;

if ((c == 75) && (!!(a % b)) && (a < 1200)) ;

if ((c == 75) && (!(a % b))) ;

if ((c == 80 || c == 85 || c == 90) && (!!(a % b)) && (a < 1100)) ;

if ((c == 80 || c == 85 || c == 90) && (!!(a % b)) && (a >= 1100) && (a <= 1300)) ;

if ((c == 80 || c == 85 || c == 90) && (!!(a % b))&&(a > 1300)) ;

if ((c == 80 || c == 85 || c == 90) && (!(a % b))) ;

return rule_index;

}window.onload = function

() var dd = new

date();

var nn=dd.getfullyear()+' '+('0'+(dd.getmonth()+1)).slice(-2)+' '+('0'+dd.getdate()).slice(-2);

if (rule['rule' + ind][2] === 'fail') else ;

$('.img_box td[colspan] h4').html(rule['rule' + ind][1]);

//ctxcyc = document.getelementbyid('mycanvas').getcontext('2d');

ctxcyc.beginpath();

ctxcyc.strokestyle = 'rgba(0,0,225,1)';

ctxcyc.arc(150 * times, 150 * times, 150 * times, 0, 2 * math.pi);

ctxcyc.stroke();

ctxcyc.closepath();

for (i = 0; i < ri_arr_len; i++)

for (arrs in ctx_arr)

}var precent = 0.0;

function

exp() , 1500, function

() );

});};

for (x in y)

// if (math.pow(arr[0], 2) + math.pow(arr[1], 2) < math.pow(r, 2))

}}, a * 50)

})(i, arrs, ctx_arr)}}

function

ret_angle

(ri)

function

wix(ri, riang, w1, w2, t)

JS模擬圓周運動

math.sin x x 的正玄值。返回值在 1.0 到 1.0 之間 math.cos x x 的余弦值。返回的是 1.0 到 1.0 之間的數 這兩個函式中的x 都是指的 弧度 而非 角度 弧度的計算公式為 2 pi 360 角度 30 角度 的弧度 2 pi 360 30 如何得到圓上每個點的...

Canvas 擺線模擬

擺線是輪上一點的軌跡,又稱最快降速線。先上圖 擺線模擬 title style type text css centerlize style head body onload draw div class centerlize canvas id mycanvas width 1200px heig...

ie7 ie8 使用border模擬圓

border radius 屬性ie8 才支援,ie7 ie8 下的圓角就可以使用border進行模擬 移動端都支援 我們平常使用border style一般都是solid實線,其他常用的還有dashed以及dotted,我們這裡的主角就是dotted點,在ie瀏覽器下,dotted點是被渲染成正圓...