{
const ctx = DOM.context2d(width, height);
ctx.moveTo(50, 50);
ctx.lineTo(100, 50);
ctx.stroke();
ctx.beginPath();
ctx.arc(200, 100, 30, 0, 2 * Math.PI);
ctx.stroke();
ctx.font = "36px Consolas";
ctx.fillText("Hola, como estas 😃", 150, 200);
ctx.fillRect(100, 200, 50, 50);
const grd = ctx.createLinearGradient(125, 225, 125, 225 + 150);
grd.addColorStop(0, "lightblue");
grd.addColorStop(1, "orange");
ctx.fillStyle = grd;
ctx.fillRect(125, 225, 150, 150);
ctx.beginPath();
ctx.fillStyle = "yellow";
ctx.arc(400, 100, 30, angle / 2, 2 * Math.PI - angle / 2);
ctx.lineTo(400, 100);
ctx.closePath();
ctx.fill();
ctx.stroke();
return ctx.canvas;
}