数学一般的に使用される方法について

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>
ディスプレイ:

 

 

 

 

おすすめ

転載: www.cnblogs.com/lxz123/p/11489705.html