如何知道react-three-fiber中"Canvas"的所有属性?
How to know all attributes of "Canvas" in react-three-fiber?
我在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的完整介绍呢?
当您无法访问文档或源文件时,只需尝试使用 console.log()
将 JavaScript 对象输出到控制台。例如:
var c = <Canvas>...</Canvas>
console.log(c);
然后打开您的开发人员控制台,您将看到一个对象及其所有可用属性、public 方法以及您可能有权访问的任何其他内容。
查看 GitHub 上的文档。这是 link 专门用于 Canvas 组件。
https://github.com/pmndrs/react-three-fiber/blob/master/markdown/api.md#canvas
本页描述了反应三纤API。
我在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的完整介绍呢?
当您无法访问文档或源文件时,只需尝试使用 console.log()
将 JavaScript 对象输出到控制台。例如:
var c = <Canvas>...</Canvas>
console.log(c);
然后打开您的开发人员控制台,您将看到一个对象及其所有可用属性、public 方法以及您可能有权访问的任何其他内容。
查看 GitHub 上的文档。这是 link 专门用于 Canvas 组件。
https://github.com/pmndrs/react-three-fiber/blob/master/markdown/api.md#canvas
本页描述了反应三纤API。