为什么three.js SVGLoader会颠倒呈现svg？

const loader = new THREE.SVGLoader();
loader.load('path/to/your.svg', function (data) {
    const paths = data.paths;
    const group = new THREE.Group();

    for (let i = 0; i < paths.length; i++) {
        const path = paths[i];
        const material = new THREE.MeshBasicMaterial({
            color: path.color,
            side: THREE.DoubleSide,
            depthWrite: false
        });

        const shapes = SVGLoader.createShapes(path);
        for (let j = 0; j < shapes.length; j++) {
            const shape = shapes[j];
            const geometry = new THREE.ShapeBufferGeometry(shape);
            const mesh = new THREE.Mesh(geometry, material);

            // Flip the Y coordinates
            mesh.scale.y = -1;

            group.add(mesh);
        }
    }

    scene.add(group);
});

const renderer = new THREE.SVGRenderer();
renderer.flipY = true;