JavaScript é uma linguagem de programação popular usado para criar scripts do lado do cliente a ser implementadas em um site. É uma linguagem versátil que pode ser usada para desenvolver sites dinâmicos com interfaces avançadas e interativas. O HTML 5 foi lançado recentemente introduziu o elemento canvas , um componente que pode ser usado para processar as formas 2D e imagens bitmap. JavaScript pode ser usado para desenhar um objeto , como uma árvore, usando o elemento canvas . Instruções
1

Abra seu navegador favorito e navegar para " codediesel.com /javascript /desenho árvores -em- tela. " Clique no link "Baixar Fonte " e salve o arquivo em sua unidade de disco rígido. Clique com o botão direito do mouse sobre o arquivo, selecione " Extrair tudo " no menu resultante e selecione uma pasta para a qual você vai extrair o conteúdo do arquivo.
2

Abra um editor de texto, como o Bloco de Notas ou WordPad, para começar a criar uma nova página HTML
3

Inicie a página da maneira usual , através da inserção dessas linhas: .

< head>
4

Dê sua página um título usando o título tag , assim: .

Você pode substituir " JavaScript Canvas Tree" com qualquer outro título
5

Definir e carregar o script inserindo esta linha:

a " ; algoTree.js " é um script desenvolvido para ajudá-lo a desenhar árvores usando o HTML 5 canvas
6

Acabar com o ". " seção e iniciar o " chefe de seção corpo "da página HTML inserir essas duas linhas :

7

Defina o elemento de tela eo tipo de script usando estas duas linhas :

< /canvas >

12

Verifique o código para eventuais erros. Neste ponto, o documento se parece com isso :

html head < meta http- equiv = conteúdo " Content- Type" = "text /html; charset = UTF-8" ; > < lona id = "tela" > < /canvas >