three.js - 如何知道react-three-fiber中 "Canvas"的所有属性？

Question

我看了react-three-fiber中Canvas的官方文档。

official document of Canvas in react-three-fiber

Canvas 的属性很少。我看到了某人的项目。他在代码中使用了更多属性，例如:

<Canvas
      concurrent
      noEvents={false}
      pixelRatio={window.devicePixelRatio}
      camera={{ position: [0, 0, 2.5], fov: 69 }}
      gl={{ antialias: true }}
      onCreated={({ gl, scene }) => {
        gl.toneMapping = THREE.ACESFilmicToneMapping
        gl.outputEncoding = THREE.sRGBEncoding
        //scene.background = new THREE.Color('#373740')
      }}>...</Canvas>

那么，如何才能知道react-three-fiber中关于Canvas的完整介绍呢？

Answer 1

当您无法访问文档或源文件时，只需尝试使用 console.log() 将 JavaScript 对象输出到控制台。例如:

var c = <Canvas>...</Canvas>
console.log(c);

然后打开您的开发人员控制台，您将看到一个对象及其所有可用属性、公共(public)方法以及您可能有权访问的任何其他内容。