b'\n_START_ARTICLE_\nCanvas (HTML5)\n_START_SECTION_\nExemplo\n_START_PARAGRAPH_\nO c\xc3\xb3digo a seguir cria um elemento Canvas em uma p\xc3\xa1gina HTML5:_NEWLINE_<canvas id="exemplo" width="200" height="200">_NEWLINE_Este texto \xc3\xa9 exibido caso o navegador n\xc3\xa3o tenha suporte ao Canvas._NEWLINE_</canvas>_NEWLINE_Usando JavaScript, voc\xc3\xaa pode desenhar no canvas:_NEWLINE_var exemplo = document.getElementById( \'exemplo\' ),_NEWLINE_    contexto = exemplo.getContext( \'2d\' );contexto.fillStyle = \'red\';contexto.fillRect( 30, 30, 50, 50 );_NEWLINE_Esse c\xc3\xb3digo desenha um ret\xc3\xa2ngulo vermelho na tela.\n_START_SECTION_\nContextos\n_START_PARAGRAPH_\nA especifica\xc3\xa7\xc3\xa3o para a HTML5 prev\xc3\xaa dois contextos de cria\xc3\xa7\xc3\xa3o: o contexto bidimensional e o contexto tridimensional._NEWLINE_O contexto bidimensional destina-se \xc3\xa0 cria\xc3\xa7\xc3\xa3o de imagens em duas dimens\xc3\xb5es x e y, segundo um sistema de eixos cartesianos, cuja origem \xc3\xa9 no canto superior esquerdo da \xc3\xa1rea de cria\xc3\xa7\xc3\xa3o, com as coordenadas x crescendo da esquerda para direita e y de cima para baixo._NEWLINE_O contexto tridimensional destina-se \xc3\xa0 cria\xc3\xa7\xc3\xa3o de imagens em tr\xc3\xaas dimens\xc3\xb5es com acr\xc3\xa9scimo do eixo z no sentido da profundidade.'