首页 > 代码库 > cocos2d-js中多边形画线出现突刺的问题(drawNode)

cocos2d-js中多边形画线出现突刺的问题(drawNode)

今天在项目中有个玩家属性雷达图的画图需求,当我把五个维度对应的点数组传入drawPoly函数中时,出现了如下的现象,查了半天,网上没有相关的问题解答,我就在群里请教,有位大神说这个是数组的点有重合的,所以会出现这样的问题,我测试了下,确实是这样的,后来我就对数组进行了判断,有相等的我就给他自增一下,结果发现当两个点的距离很近的时候也会出现这个问题!
技术分享

this.drawNode.drawPoly(dotsArr, cc.color.RED, 1, cc.color.YELLOW);

 

总结:

1,多边形绘制,数组中的点重合时会出现这种问题

2,多边形绘制,数组中的点距离近是也会出现这种问题

解决:配置了基础属性,数据不是从零开始,这样数组中的点的距离不会很小,

 

cocos2d-js中多边形画线出现突刺的问题(drawNode)