亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript實現(xiàn)封閉區(qū)域布爾運算的示例代碼

 更新時間:2018年06月25日 10:36:39   作者:ZoeLee  
這篇文章主要介紹了JavaScript實現(xiàn)封閉區(qū)域布爾運算的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

這篇文章主要介紹多段線實現(xiàn)布爾運算的方法

先上代碼

function getOperatedCurves(sourceCurs: Curve[], targetCus: Curve[])
  {
    let source: Polyline | Circle = (sourceCurs[0] instanceof Circle) ? sourceCurs[0] as Circle : new Polyline().Combine(sourceCurs)[0];
    let target: Polyline | Circle = (targetCus[0] instanceof Circle) ? targetCus[0] as Circle : new Polyline().Combine(targetCus)[0];
    try
    {
      if (!source.IsClose || !target.IsClose) throw new Error("不是封閉曲線");
    }
    catch (err)
    {
      console.log(err);
    }

    let interPts = source.IntersectWith(target, IntersectOption.OnBothOperands);
    let sourceContainerTarget = isTargetCurInSourceCur(source, target);
    let targetContainerSource = isTargetCurInSourceCur(target, source);

    let isContainer = sourceContainerTarget || targetContainerSource;
    let intersectionList: Curve[] = []; //交集
    let unionList: Curve[] = []; //并集
    let subList: Curve[] = []; //補(bǔ)集

    /*
    *兩封閉區(qū)域有交點并且不是包含關(guān)系,則通過交點把區(qū)域分割
    */
    if (interPts.length && !isContainer)
    {
      let pars1 = interPts.map(p => source.GetParamAtPoint(p)).sort((a, b) => a - b);
      let pars2 = interPts.map(p => target.GetParamAtPoint(p)).sort((a, b) => a - b);

      let cus1: Array<Polyline | Arc> = source.GetSplitCurves(pars1);

      cus1.forEach(pl =>
      {
        if (isTargetCurInSourceCur(target, pl))
        {
          intersectionList.push(pl);
        }
        else
        {
          subList.push(pl);
          unionList.push(pl);
        }
      })

      let cus2: Array<Polyline | Arc> = target.GetSplitCurves(pars2);
      cus2.forEach(pl =>
      {
        if (isTargetCurInSourceCur(source, pl))
        {
          intersectionList.push(pl);
          subList.push(pl);
        }
        else
        {
          unionList.push(pl);
        }
      })

    }
    else
    {
      if (isContainer)
      {
        if (sourceContainerTarget)
        {
          intersectionList.push(target);
          subList.push(source, target);
          unionList.push(source);
        }
        else
        {
          unionList.push(target);
          intersectionList.push(source);
        }
      }
      else
      {
        unionList.push(source, target)
        subList.push(source);
      }

    }
    return {
      intersectionList, unionList, subList
    }
  }

由于一些曲線類實現(xiàn)方法不一,這里主要說一些實現(xiàn)布爾運算的思路

  1. 判斷2封閉曲線是否是被包含的關(guān)系
  2. 獲取2封閉曲線的所有交點,這里交點可能是圓和線,線和線,圓和圓的,求交點的方法網(wǎng)上應(yīng)該很多,以后有時間也會寫寫用JavaScript實現(xiàn)方式
  3. 根據(jù)所有的交點把2封閉曲線分割為多個部分
  4. 對分割后的線段進(jìn)行整理,其中相交部分是曲線在對方曲線內(nèi)部的部分,合并是互不在對方曲線內(nèi)部的部分,相減類似不想說了,具體看代碼,如果是被包含狀態(tài)則更加就簡單了

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • JS控制表格實現(xiàn)一條光線流動分割行的方法

    JS控制表格實現(xiàn)一條光線流動分割行的方法

    這篇文章主要介紹了JS控制表格實現(xiàn)一條光線流動分割行的方法,實例分析了javascript操作table表格元素的技巧,需要的朋友可以參考下
    2015-03-03
  • 使用js畫圖之正弦曲線

    使用js畫圖之正弦曲線

    這篇文章主要介紹了使用js繪制幾何圖形的方法的系列文章,本文主要講訴正弦曲線的繪制方法,需要的朋友可以參考下
    2015-01-01
  • js實現(xiàn)精確到秒的倒計時效果

    js實現(xiàn)精確到秒的倒計時效果

    這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)精確到秒的倒計時效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-05-05
  • TypeScript的安裝、使用、自動編譯的實現(xiàn)

    TypeScript的安裝、使用、自動編譯的實現(xiàn)

    TypeScript是一種由微軟開發(fā)的開源、跨平臺的編程語言。這篇文章主要介紹了TypeScript的安裝、使用、自動編譯的實現(xiàn)方法,需要的朋友可以參考下
    2020-04-04
  • 原生JavaScript實現(xiàn)輪播圖效果

    原生JavaScript實現(xiàn)輪播圖效果

    這篇文章主要為大家詳細(xì)介紹了原生JavaScript實現(xiàn)輪播圖效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 讓javascript加載速度倍增的方法(解決JS加載速度慢的問題)

    讓javascript加載速度倍增的方法(解決JS加載速度慢的問題)

    這篇文章主要介紹了讓javascript加載速度倍增的方法,通過document.write輸出js解決廣告加載速度慢的問題,需要的朋友可以參考下
    2014-12-12
  • JavaScript 限制文本框不可輸入英文單雙引號的方法

    JavaScript 限制文本框不可輸入英文單雙引號的方法

    這篇文章主要介紹了JavaScript 限制文本框不可輸入英文單雙引號的方法的相關(guān)資料,需要的朋友可以參考下
    2016-12-12
  • 原生js拖拽功能制作滑動條實例代碼

    原生js拖拽功能制作滑動條實例代碼

    這篇文章主要介紹了原生js拖拽功能制作滑動條實例教程,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2021-02-02
  • echarts柱狀堆疊圖實現(xiàn)示例(圖例和x軸都是動態(tài)的)

    echarts柱狀堆疊圖實現(xiàn)示例(圖例和x軸都是動態(tài)的)

    一些柱形圖在數(shù)據(jù)量比較多的時候,橫向排列受到擠壓,導(dǎo)致柱形圖,變的非常細(xì),影響整體的效果,下面這篇文章主要給大家介紹了關(guān)于echarts柱狀堆疊圖(圖例和x軸都是動態(tài)的)的相關(guān)資料,需要的朋友可以參考下
    2023-04-04
  • webpack proxy 使用(代理的使用)

    webpack proxy 使用(代理的使用)

    這篇文章主要介紹了webpack proxy 使用(代理的使用),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-01-01

最新評論