When the line is less than 0.3, it is not rendered on the screen. How can we ensure that the line is rendered regardless of its size?

[a1610156740]

I want to ensure that the line maintains a minimum width and is always rendered. In my actual application scenario, there will be over one million lines. I can't create N Graphics to dynamically handle this, so is there another way to achieve the effect I want?

import { Application, Graphics } from 'pixi.js';

(async () =>
{
    // Create a new application
    const app = new Application();

    // Initialize the application
    await app.init({ antialias: true, resizeTo: window });

    // Append the application canvas to the document body
    document.body.appendChild(app.canvas);

    const graphics = new Graphics();

    // Rectangle
    graphics.rect(50, 50, 200, 200);
    graphics.stroke({ width: 1, color: 0xffffff });
    app.stage.scale.set(0.3)
    // When the scale is set below 0.3, nothing can be seen on the screen.
    // app.stage.scale.set(0.2)

    app.stage.addChild(graphics);
})();