符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
这篇文章将为大家详细讲解有关JavaScript如何实现封闭区域布尔运算,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
创新互联建站是一家以网络技术公司,为中小企业提供网站维护、成都网站制作、成都网站建设、网站备案、服务器租用、域名注册、软件开发、重庆小程序开发等企业互联网相关业务,是一家有着丰富的互联网运营推广经验的科技公司,有着多年的网站建站经验,致力于帮助中小企业在互联网让打出自已的品牌和口碑,让企业在互联网上打开一个面向全国乃至全球的业务窗口:建站咨询电话:18980820575
代码如下:
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[] = []; //补集 /* *两封闭区域有交点并且不是包含关系,则通过交点把区域分割 */ 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= source.GetSplitCurves(pars1); cus1.forEach(pl => { if (isTargetCurInSourceCur(target, pl)) { intersectionList.push(pl); } else { subList.push(pl); unionList.push(pl); } }) let cus2: Array = 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 } }
由于一些曲线类实现方法不一,这里主要说一些实现布尔运算的思路
判断2封闭曲线是否是被包含的关系
获取2封闭曲线的所有交点,这里交点可能是圆和线,线和线,圆和圆的,求交点的方法网上应该很多,以后有时间也会写写用JavaScript实现方式
根据所有的交点把2封闭曲线分割为多个部分
对分割后的线段进行整理,其中相交部分是曲线在对方曲线内部的部分,合并是互不在对方曲线内部的部分,相减类似不想说了,具体看代码,如果是被包含状态则更加就简单了
关于“JavaScript如何实现封闭区域布尔运算”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。