O que é o HTML Canvas?
O
O
O Canvas possui vários métodos para desenhar caminhos, caixas, círculos, texto e adição de imagens.
https://www.w3schools.com/html/html5_canvas.asp
Para que serve o elemento canvas? Oficialmente, o canvas é “uma tela de bitmap dependente de resolução que pode ser usada para a renderização de elementos gráficos ou outras imagens visuais rapidamente”. Em termos leigos, o canvas é um elemento novo em HTML5, que permite que se desenhem elementos gráficos usando JavaScript. Ele pode ser usado para renderizar texto, imagens, gráficos, linhas gradientes e outros efeitos dinamicamente. Desenhar na tela se dá através da API de tela 2D. Essa API contém uma variedade de funções que fornecem o poder de se desenhar praticamente o que se queira na tela. Atualmente, a tela suporta uma interface 2D, não 3D.
https://msdn.microsoft.com/pt-br/library/dn151487.aspx