mirror of
https://github.com/fluencelabs/wasm-bindgen
synced 2025-05-13 14:21:22 +00:00
30 lines
722 B
Markdown
30 lines
722 B
Markdown
|
# 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)
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
## `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}}
|
||
|
|
```
|