Este artigo apresenta principalmente um tutorial sobre o uso de tela no HTML5 para desenhar um rosto sorridente. Usar tela para desenho é uma função básica no HTML5. Amigos que precisam
Hoje, você aprenderá uma tecnologia da Web chamada Canvas e sua associação com o modelo de objeto de documentos (geralmente chamado DOM). Essa tecnologia é muito poderosa porque permite que os desenvolvedores da Web acessem e modifiquem os elementos HTML usando o JavaScript.
Agora você pode estar se perguntando por que precisamos usar o JavaScript Drástico. Em resumo, HTML e JavaScript são interdependentes, e alguns componentes HTML, como elementos de tela, não podem ser usados sozinhos a partir de JavaScript. Afinal, se não podemos desenhar, o que pode fazer a tela?
Para entender melhor esse conceito, tentaremos desenhar um rosto sorridente simples com um projeto de amostra. Vamos começar.
começar
Primeiro, crie um novo diretório para salvar seus arquivos de projeto e, em seguida, abra seu editor de texto favorito ou ferramenta de desenvolvimento da Web. Depois de fazer isso, você deve criar um index.html vazio e um script.js vazio, após o que continuaremos a editar.
Em seguida, vamos modificar o arquivo index.html, que não envolverá muitas coisas, porque a maior parte do código em nosso projeto será gravada em JavaScript. O que precisamos fazer no HTML é criar um elemento de tela e referenciar script.js, que é bastante simples:
Código XML/HTML Copito de Conteúdo para a área de transferência