Javascript 如何在three.js中缩放gridHelper？

我有一个

gridhelper

，我想手动更改它的宽度和高度 ，我怎么做？我能称一下吗？这是我的密码

我尝试了上面的代码，但没有成功

addScaledVector（v，1）

由于

GridHelper

没有方法

addScaledVector（）

，因此此代码产生运行时错误

尝试调整属性

let摄影机、场景、渲染器；
init（）；
制作动画（）；
函数init（）{
摄像头=新的三个透视摄像头（70，window.innerWidth/window.innerHeight，0.1100）；
摄像机。位置。设置（5，5，5）；
场景=新的三个。场景（）；
摄像机。注视（场景。位置）；
const helper=new THREE.GridHelper（）；
辅助刻度设置刻度（2）；
场景.添加（助手）；
renderer=new THREE.WebGLRenderer({
反别名：对
});
renderer.setSize（window.innerWidth、window.innerHeight）；
document.body.appendChild（renderer.doElement）；
}
函数animate（）{
请求动画帧（动画）；
渲染器。渲染（场景、摄影机）；
}

正文{
保证金：0；
}

---

我想以不同的方式改变方向，所以我将您的代码和我的代码结合起来，制作了这个

gridHelper.scale.addScaledVector（v，1）

成功了。谢谢你的帮助

import * as THREE from '/build/three.module.js';


let scene, camera, renderer, gridHelper;
scene = new THREE.Scene();

camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 10000);
camera.position.set(0, 1500, 0);
camera.lookAt(0, 0, 0);


renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth/2, window.innerHeight);

const container = document.getElementById('smallContainer');
container.appendChild(renderer.domElement);

// Grid
gridHelper = new THREE.GridHelper(500, 4, 0xffffff, 0xff0000);
scene.add(gridHelper);

const v = new THREE.Vector3(1, 1/2, 1);
gridHelper.addScaledVector(v, 1);