# Canvas

The canvas object where everything related to your scene should be declared.

```html
<div x-3.canvas="{ /* props */ }">
<!-- everything should be added here -->
</div>
```

{% hint style="info" %}
The `canvas` element size is determined by the directive's parent's size.
{% endhint %}

### Props

<table><thead><tr><th width="208">Name</th><th width="293">Description</th><th>Default</th></tr></thead><tbody><tr><td>camera</td><td>Default camera parameters, or your own <code>THREE.Camera</code></td><td><code>{fov: 75, near: 0.1, far: 1000, position: [0, 0, 5]}</code></td></tr><tr><td>renderer</td><td>Default renderer parameters, or your own renderer</td><td></td></tr><tr><td>scene</td><td>Default scene parameters, or your own <code>THREE.Scene</code></td><td></td></tr><tr><td>shadow</td><td>Value of <code>renderer.shadowMap.enabled</code></td><td><code>false</code></td></tr></tbody></table>