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)布爾運算的思路
- 判斷2封閉曲線是否是被包含的關(guān)系
- 獲取2封閉曲線的所有交點,這里交點可能是圓和線,線和線,圓和圓的,求交點的方法網(wǎng)上應(yīng)該很多,以后有時間也會寫寫用JavaScript實現(xiàn)方式
- 根據(jù)所有的交點把2封閉曲線分割為多個部分
- 對分割后的線段進(jìn)行整理,其中相交部分是曲線在對方曲線內(nèi)部的部分,合并是互不在對方曲線內(nèi)部的部分,相減類似不想說了,具體看代碼,如果是被包含狀態(tài)則更加就簡單了
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
TypeScript的安裝、使用、自動編譯的實現(xiàn)
TypeScript是一種由微軟開發(fā)的開源、跨平臺的編程語言。這篇文章主要介紹了TypeScript的安裝、使用、自動編譯的實現(xiàn)方法,需要的朋友可以參考下2020-04-04讓javascript加載速度倍增的方法(解決JS加載速度慢的問題)
這篇文章主要介紹了讓javascript加載速度倍增的方法,通過document.write輸出js解決廣告加載速度慢的問題,需要的朋友可以參考下2014-12-12echarts柱狀堆疊圖實現(xiàn)示例(圖例和x軸都是動態(tài)的)
一些柱形圖在數(shù)據(jù)量比較多的時候,橫向排列受到擠壓,導(dǎo)致柱形圖,變的非常細(xì),影響整體的效果,下面這篇文章主要給大家介紹了關(guān)于echarts柱狀堆疊圖(圖例和x軸都是動態(tài)的)的相關(guān)資料,需要的朋友可以參考下2023-04-04