# 2D Canvas

Drawing a smiley face with the 2D canvas API. This is a port of part of [this
MDN
tutorial](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes#Moving_the_pen)
to `web-sys`.

[See the full source at
`wasm-bindgen/examples/canvas`.](https://github.com/rustwasm/wasm-bindgen/tree/master/examples/canvas)

![A smiley face](./2d-canvas.png)

## `Cargo.toml`

The `Cargo.toml` enables features necessary to query the DOM and work with 2D
canvas.

```toml
{{#include ../../../../examples/canvas/Cargo.toml}}
```

## `src/lib.rs`

Gets the `<canvas>` element, creates a 2D rendering context, and draws the
smiley face.

```rust
{{#include ../../../../examples/canvas/src/lib.rs}}
```