PIXI Graphics绘制了许多geojson多边形-将PIXI版本4更新为5时出现奇怪的线条

问题描述

我正在使用PIXI.js制作地图，并在地图上绘制了大量（〜48,000个）多边形（在geojson FeatureCollection中进行了描述）。

我首先改编了一些使用PIXI版本4编写的代码，但没有问题。我正在使用D3 geoPath绘制geojson。

const data = {type: "FeatureCollection",features: [ // array of 48,000 features]}
const projection = d3.geoMercator().fitWidth(330,data)

const graphics = new PIXI.Graphics();
const path = d3.geoPath(projection,graphics);

graphics.beginFill(0x66CCFF,0.15);
path(data);
graphics.endFill();

那很好。 PIXI版本4图像-正确绘制的多边形

但是当我尝试在PIXI版本5中切换时，它看起来很奇怪。

这很好，只要geojson功能的数量在16,300或以下。

在v5中绘制16,300个多边形-没问题

但是，在多边形之间开始出现奇怪的线条

在v5中绘制16,400个多边形-奇怪线条的开始

...直到他们无处不在

在v5中绘制17,000个多边形-更奇怪的线条

在v5中绘制48,000个多边形-到处都有奇怪的线条

此帖子：PixiJS only draws a certain amount of rectangles?建议可添加到Graphics对象的项目数量有一个上限-但我的问题是多边形看起来很奇怪，而不是不存在。为什么只在PIXI v5中发生这种情况？

有人知道发生了什么吗？谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）