国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

【JS圖形學基礎】平面向量的計算和運用實例

khs1994 / 1086人閱讀

摘要:平面向量的計算和運用實例相關概念有向線段具有方向的線段叫做有向線段,以為起點,為終點的有向線段記作或向量的模有向線段的長度叫做向量的模,記作零向量長度等于的向量叫做零向量,記作或。

平面向量的計算和運用實例 相關概念

有向線段:具有方向的線段叫做有向線段,以A為起點,B為終點的有向線段記作 或AB;

向量的模:有向線段AB的長度叫做向量的模,記作|AB|;

零向量:長度等于0的向量叫做零向量,記作 或0。(注意粗體格式,實數“0”和向量“0”是有區別的,書寫時要在向量“0”上加箭頭,以免混淆);

相等向量:長度相等且方向相同的向量叫做相等向量;

平行向量(共線向量):兩個方向相同或相反的非零向量叫做平行向量或共線向量,-零向量與任意向量平行,即0//a;

單位向量:模等于1個單位長度的向量叫做單位向量,通常用e表示,平行于坐標軸的單位向量習慣上分別用i、j表示。

相反向量:與a長度相等,方向相反的向量,叫做a的相反向量,-(-a)=a,零向量的相反向量仍然是零向量。 [1]

幾何表示

二維

任取平面上兩點A(x1,y1),B(x2,y2),則向量AB=(x2-x1,y2-y1),即一個向量的坐標等于表示此向量的有向線段的終點坐標減去始點的坐標。

三維

A(x1,y1,z1),B(x2,y2,z2),向量AB=(x2-x1,y2-y1,z2-z1)

基本計算 向量相加 二維

平行四邊形定則解決向量加法的方法:將兩個向量平移至公共起點,以向量的兩條邊作平行四邊形,向量的加法結果為公共起點的對角線。

向量的點乘:a * b

公式:a b = |a| |b| * cosθ
點乘又叫向量的內積、數量積,是一個向量和它在另一個向量上的投影的長度的乘積;是標量。
點乘反映著兩個向量的“相似度”,兩個向量越“相似”,它們的點乘越大。

向量的叉乘:a ∧ b

方向:a向量與b向量的向量積的方向與這兩個向量所在平面垂直,且遵守右手定則。

右手定則:右手的四指方向指向第一個矢量,屈向叉乘矢量的夾角方向(兩個矢量夾角方向取小于180°的方向),那么此時大拇指方向就是叉乘所得的新的矢量的方向.(大拇指應與食指成九十度)

在二維中,兩個向量的向量積的模的絕對值等于由這兩天向量組成的平行四邊形的面積

二維
(x1,y1)X(x2,y2)=(x1y2-x2y1)
三維
(x1,y1,z1)X(x2,y2,z2)=(y1z2-y2z1, z1x2-z2y1, x1y2-x2y1)
實例運用
//計算向量叉乘    
var crossMul=function(v1,v2){ 
 
    return   v1.x*v2.y-v1.y*v2.x;  
}  
//javascript判斷兩條線段是否相交    

var checkCross=function(p1,p2,p3,p4){  
  
    var v1={x:p1.x-p3.x,y:p1.y-p3.y};  
          
    v2={x:p2.x-p3.x,y:p2.y-p3.y};  
   
    v3={x:p4.x-p3.x,y:p4.y-p3.y};  
          
    v=crossMul(v1,v3)*crossMul(v2,v3);  
 
    v1={x:p3.x-p1.x,y:p3.y-p1.y};  
      
    v2={x:p4.x-p1.x,y:p4.y-p1.y};  
  
    v3={x:p2.x-p1.x,y:p2.y-p1.y};  
      
    return (v<=0&&crossMul(v1,v3)*crossMul(v2,v3)<=0)?true:false;  
 
}  
//判斷點是否在多邊形內    
  
var  checkPP=function(point,polygon){  
      
    var p1,p2,p3,p4;  
  
    p1=point;  
      
    p2={x:-100,y:point.y};  
  
    var count=0;  
      
    //對每條邊都和射線作對比    
  
    for(var i=0;i           
               
                                           
                       
                 

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/94103.html

相關文章

  • 光照渲染——用canvas模擬光照效果

    摘要:光照我們能看到物體,是因為光照射在物體上然后反射到我們的眼睛當中。這篇文章也是想通過這個簡單的光照計算來引出,后面的文章我會用來重新實現這個效果。渲染的光照效果關于我的博客這篇文章到這里就結束了。 光照 我們能看到物體,是因為光照射在物體上然后反射到我們的眼睛當中。其中的影響因素非常多:觀察者的位置、光源的位置、光的顏色、物體表面的顏色、材質和粗糙程度等等。以后我們將會詳細探究如何模擬...

    jokester 評論0 收藏0
  • JS圖形基礎】二維圖形變換

    摘要:計算機圖形學中的應用非常廣泛的變換是一種稱為仿射變換的特殊變換,在仿射變換中的基本變換包括平移旋轉縮放剪切這幾種。表示縮小,表示放大錯切圖像錯切變換在圖像幾何形變方面非常有用,常見的錯切變換分為方向與方向的錯切變換。 二維圖形學的變換 使用過前端的css3,canva,svg的小伙伴應該對平移,旋轉,縮放,剪切這些效果變換應該很熟悉了,但應該大部分小伙伴應該不清楚其中的原理,在二維圖形...

    mozillazg 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<