# `Cauldron2D.Easel.View`
[🔗](https://github.com/jaman/cauldron/blob/v0.1.0/cauldron_2d_easel/lib/cauldron_2d/easel/view.ex#L1)

An easel as a browser canvas draws it: the frame in hand as CSS colours, the frame
before it as a ghost, the palette, and the frames' count and rate. What the LiveView
editor and the notebook editor both send to their script.

    Cauldron2D.Easel.View.payload(easel, zoom: 16, onion: true)

# `css`

```elixir
@spec css(Cauldron2D.Easel.rgba() | nil) :: String.t() | nil
```

A colour as CSS: `#rrggbb`, `rgba(...)` for a translucent one, `nil` for none.

# `payload`

```elixir
@spec payload(Cauldron2D.Easel.t(), keyword()) :: map()
```

The payload for `easel`.

## Options

  * `:zoom` — pixels a picture pixel on the canvas. Default `16`
  * `:onion` — show the frame before as a ghost. Default `false`
  * `:shown` — the frame to draw instead of the one in hand, for playback. Default none

---

*Consult [api-reference.md](api-reference.md) for complete listing*