Contents

# 2D Canvas

[View full source code][code] or [view the compiled example online][online]

[online]: https://rustwasm.github.io/wasm-bindgen/exbuild/canvas/
[code]: https://github.com/rustwasm/wasm-bindgen/tree/master/examples/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`.

![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}}
```

Version data entries

30 entries across 30 versions & 1 rubygems

Version	Path
wasmtime-23.0.2	./ext/cargo-vendor/wasm-bindgen-0.2.89/guide/src/examples/2d-canvas.md
wasmtime-22.0.0	./ext/cargo-vendor/wasm-bindgen-0.2.89/guide/src/examples/2d-canvas.md
wasmtime-21.0.1	./ext/cargo-vendor/wasm-bindgen-0.2.89/guide/src/examples/2d-canvas.md
wasmtime-20.0.2	./ext/cargo-vendor/wasm-bindgen-0.2.89/guide/src/examples/2d-canvas.md
wasmtime-20.0.0	./ext/cargo-vendor/wasm-bindgen-0.2.89/guide/src/examples/2d-canvas.md
wasmtime-18.0.3	./ext/cargo-vendor/wasm-bindgen-0.2.89/guide/src/examples/2d-canvas.md
wasmtime-17.0.1	./ext/cargo-vendor/wasm-bindgen-0.2.89/guide/src/examples/2d-canvas.md
wasmtime-17.0.0	./ext/cargo-vendor/wasm-bindgen-0.2.89/guide/src/examples/2d-canvas.md
wasmtime-16.0.0	./ext/cargo-vendor/wasm-bindgen-0.2.89/guide/src/examples/2d-canvas.md
wasmtime-15.0.1	./ext/cargo-vendor/wasm-bindgen-0.2.89/guide/src/examples/2d-canvas.md
wasmtime-15.0.0	./ext/cargo-vendor/wasm-bindgen-0.2.89/guide/src/examples/2d-canvas.md
wasmtime-14.0.4	./ext/cargo-vendor/wasm-bindgen-0.2.87/guide/src/examples/2d-canvas.md
wasmtime-14.0.3	./ext/cargo-vendor/wasm-bindgen-0.2.87/guide/src/examples/2d-canvas.md
wasmtime-14.0.1	./ext/cargo-vendor/wasm-bindgen-0.2.87/guide/src/examples/2d-canvas.md
wasmtime-14.0.0	./ext/cargo-vendor/wasm-bindgen-0.2.87/guide/src/examples/2d-canvas.md
wasmtime-13.0.0	./ext/cargo-vendor/wasm-bindgen-0.2.87/guide/src/examples/2d-canvas.md
wasmtime-12.0.1	./ext/cargo-vendor/wasm-bindgen-0.2.87/guide/src/examples/2d-canvas.md
wasmtime-12.0.0	./ext/cargo-vendor/wasm-bindgen-0.2.87/guide/src/examples/2d-canvas.md
wasmtime-11.0.0	./ext/cargo-vendor/wasm-bindgen-0.2.87/guide/src/examples/2d-canvas.md
wasmtime-10.0.1	./ext/cargo-vendor/wasm-bindgen-0.2.87/guide/src/examples/2d-canvas.md