运行到偏移错误绘图使用pixijs精灵时

Question

我有在其上我需要绘制六边形的一些量的映射图（大约这将是从50 * 50至150 * 150元素）。

当我使用PIXI吸引他们在画布上，我变得很奇怪的现象：虽然这不是很多的元素，地图已经绘制正确，他们将所有的元素。但是，当画布大小改变为约5000px宽度和高度，所有的元件被顶在屏幕的上方移动。此外，在元素上的点击已经在那里应该待的地方处理。

我创建了一个笔证明这一点：https://codepen.io/cuddlemeister/pen/OdzMBw

尝试从环境改变canvasWidth和canvasHeight qazxsw POI到qazxsw POI，你会看到结果。

这里的环境对象：

canvasWidth: 1500,  canvasHeight: 1500

您将所有的可见内容已被移动在顶部的方向，它依赖于画布的高度。

有上点击启用记录器，尝试点击的元素或他们应该是区域 - 点击对将元素应该待的地方正确处理

Answer 1

这是因为最大尺寸WebGL的情况下可以处理。您可以登录canvasWidth: 4500, canvasHeight: 7500财产检查。

const environment = {
    size: 60,
    map: {
        rows: 30,
        cols: 30,
    },
  canvasWidth: 1500,
  canvasHeight: 1500
}

当通过“forceCanvas”使用不加速画布一切正常。

我不认为有任何办法绕过这个限制。

为什么需要这么大的画布？