如何使three.js渲染器的大小适合网页元素？

var renderer = new THREE.WebGLRenderer();
renderer.setSize(element.clientWidth, element.clientHeight);

element.appendChild(renderer.domElement);

// 获取网页元素
var element = document.getElementById('canvas');

// 创建渲染器对象
var renderer = new THREE.WebGLRenderer();

// 设置渲染器的大小
renderer.setSize(element.clientWidth, element.clientHeight);

// 将渲染器添加到网页元素中
element.appendChild(renderer.domElement);