1. 数学の一般的な使用法
Math.random()// 0-1乱数
恐らくMath.roundは()//整数に丸め
Math.ceil()//は切り上げ
Math.floor()//は切り捨て
Math.abs()//絶対値
Math.max(NUM1、NUM2は...)//最大値を比較します
Math.min(NUM1、NUM2は...)//最小値を比較します
Math.PI // P 3.1415926から3.1415927
YのMath.pow(x、y)は// x電源
Math.sqrt()//平方根
Math.sin
Math.cos
Math.tan
注意:
ラジアン単位の角度を表すために使用されます
例えば:B = Cの*罪(x)は; // xは度を表します。ラジアンでX *(2 *にMath.PI / 360)の角度を表します。
2.ケース
。六角を作ります
ウエディングSH = 150 / Mathktn((2 * Mathkpi / 360)* 30)。
ため(VAR I = 0; iは6 <; iは++){
box.innerHTML + =「<divのスタイルは= "トランスフォーム起源:センターセンター '+( - Z)+' PX;変換:translateZ( '+ Z +' PX)回転Y( '+(私は60 *)+' ゜) ;背景: '+ randomColor()+'; "> </ div> ';
}
//ランダムカラー(16進数のカラー値)。
機能randomColor(){
VAR STR = "0123456789ABCDEF"
VARカラー= '#';
ため(VAR I = 0; iは6 <; iは++){
//毎回ランダム添字0-15
カラー+ = str.charAt((Math.random()* 15))。
}
色を返します。
}
</ SCRIPT>
効果:
B。パラボラケース
<!DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
<メタ文字セット= "UTF-8">
<メタ名=「ビューポート」コンテンツ=「幅=装置幅、初期の規模= 1.0」>
<META HTTP-当量= "X-UA-互換性のある" コンテンツ= "IE =エッジ">
<タイトル>ドキュメント</ TITLE>
<スタイル>
* {
マージン:0;
パディング:0
}
DIV:n番目の型(1){
幅:600PX。
高さ:2ピクセル。
背景:赤;
位置:絶対;
トップ:300ピクセル;
}
DIV:n番目の型(2){
幅:2ピクセル。
高さ:600PX。
背景:青;
位置:絶対;
左:300ピクセル;
}
スパン{
表示ブロック;
幅:2ピクセル。
高さ:2ピクセル。
位置:絶対;
国境半径:1ピクセル。
背景:赤;
}
</スタイル>
</ head>の
<身体>
<div> </ div>
<div> </ div>
<スクリプト>
用(VAR X = -300; X <= 300; X ++){
VaRのY = 0.01 * Math.pow(x、2)。
document.write( '<スパンのスタイル= "左:' +(x + 300)+ 'PX;上部:' +(Y + 300)+ 'PX;"> </ span>の')。
}
</ SCRIPT>
</ BODY>
</ HTML>
ディスプレイ: