Vamos juntar tudo em um exemplo desenhando um quadrado vermelho na tela. Vamos pensar a respeito das funções que precisaremos registrar:
```rust let get2dcontext = register_function(" (context, selectorStart, selectorEnd) => { let selector = context.getUtf8FromMemory( selectorStart, selectorEnd); let domEl = document.querySelector(selector); let ctx = domEl.getContext("2d"); let objHandle = context.storeObject(ctx); return objHandle; }");
let setcontextcolor = register_function(" (context, ctxHandle, colorStart, colorEnd) => { let color = context.getUtf8FromMemory( colorStart, colorEnd); let ctx = context.getObject(ctxHandle); ctx.fillStyle = color; }");
let drawrect = registerfunction(" (context, ctxHandle, x, y, width, height) => { let ctx = context.getObject(ctxHandle); ctx.fillRect(x, y, width, height); }"); ```