pixi.js line当点之间的距离变小时,绘图正在缩小

时间:2017-07-14 12:05:17

标签: javascript pixi.js

我使用pixi.js lineTo方法构建折线图。问题是当点之间的距离变小时线条会收缩。出于测试目的,我试图在该图表上绘制200,000点。

绘图功能:

   var dataSet = ohlcStore[chartProperty.sym];

     if (dataSet && dataSet.length > 0) {
            var plot = new PIXI.Graphics();

            plot.setTransform(columnSize, (renderer.view.height - rowSize) + (Val_min * yScale), 1, -1 * yScale);

            plot.lineStyle(0.6, chartProperty.lineColor, 1);

            plot.moveTo(0, dataSet[0].close);

            for (i = 1; i < dataSet.length; i++) {
                try {
                    plot.lineTo(i * xScale, dataSet[i].close);
                } catch (x) {
                    console.error("Error - " + x);
                }
            }

            plot.endFill();

            context.addChild(plot);
        }

结果:

Click to see result of lines drawing

在这种情况下,xScale为0.006475032375161876,使用画布渲染可以得到正确的结果。

尝试搜索问题,我发现Pixi.js可能存在非整数值的问题。因此,我将值舍入为整数,但问题并未解决。请支持解决此问题。

0 个答案:

没有答案