0

我在 react-three-fiber 中阅读了 Canvas 的官方文档。

react-three-fiber 中 Canvas 的官方文档

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 的完整介绍呢？

4

2 回答 2

1

查看 GitHub 上的文档。这是一个专门针对 Canvas 组件的链接。

https://github.com/pmndrs/react-three-fiber/blob/master/markdown/api.md#canvas

本页介绍 react-three-fiber 的 API。

于 2021-01-09T12:50:12.150 回答
1

当您无权访问文档或源文件时，只需尝试使用console.log(). 例如：

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

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

于 2020-09-02T15:54:26.987 回答