Canvas
<h1>Canvas</h1>
<pre><code> import React from 'react'
import { Canvas } from '@react-three/fiber'
const App = () =&gt; (
&lt;Canvas&gt;
&lt;pointLight position={[10, 10, 10]} /&gt;
&lt;mesh&gt;
&lt;sphereGeometry /&gt;
&lt;meshStandardMaterial color=&quot;hotpink&quot; /&gt;
&lt;/mesh&gt;
&lt;/Canvas&gt;
)</code></pre>
<p>属性：</p>
<table>
<thead>
<tr>
<th>属性</th>
<th>描述</th>
<th>默认值</th>
</tr>
</thead>
<tbody>
<tr>
<td>children</td>
<td>three.js JSX子节点或组件</td>
<td>-</td>
</tr>
<tr>
<td>gl</td>
<td>接收一个默认或自定义的renderer，或者一个同步回调函数，如：<code>gl={canvas =&gt; new Renderer({ canvas })}</code></td>
<td><code>{}</code></td>
</tr>
<tr>
<td>camera</td>
<td>默认相机，或接收一个自定义相机，如：<code>new THREE.Camera</code></td>
<td><code>{ fov: 75, near: 0.1, far: 1000, position: [0, 0, 5] }</code></td>
</tr>
<tr>
<td>scene</td>
<td>默认相机，或接收一个自定义相机，如：<code>new THREE.Scene</code></td>
<td><code>{}</code></td>
</tr>
</tbody>
</table>