From 2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:50:24 +0100 Subject: unslug pt-pt: move --- .../index.html" | 23 ---------------------- 1 file changed, 23 deletions(-) delete mode 100644 "files/pt-pt/tutorial_do_canvas/utiliza\303\247\303\243o_b\303\241sica/index.html" (limited to 'files/pt-pt/tutorial_do_canvas/utilização_básica/index.html') diff --git "a/files/pt-pt/tutorial_do_canvas/utiliza\303\247\303\243o_b\303\241sica/index.html" "b/files/pt-pt/tutorial_do_canvas/utiliza\303\247\303\243o_b\303\241sica/index.html" deleted file mode 100644 index 489af34137..0000000000 --- "a/files/pt-pt/tutorial_do_canvas/utiliza\303\247\303\243o_b\303\241sica/index.html" +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: Utilização básica -slug: Tutorial_do_Canvas/Utilização_básica ---- -

O Elemento <canvas>

-

Vamos iniciar este tutorial olhando para o elemento <canvas>.

-
<canvas id="tutorial" width="150" height="150"><canvas>
-
-

Isto se parece com o elemento <img>, a única diferença é que não tem os atributos src e alt. O elemento <canvas> tem apenas dois atriburos - width e height. Estes são opcionais e podem ser mudados usando propriedades do DOM. Quando não configurados os valores de width e height, a largura será de 300 pixels e a altura será de 150 pixels. O elemento pode ser redimensionado árbitrariamente usando CSS, mas durante a renderização a imagem será redimensionada para preencher o tamanho total do elemento (Se a renderização parecer distorcida, tente mudar os valores de width e height do elemento <canvas>, e não via CSS).

-

O atributo id não é específico do elemeto <canvas>, mas é um dos atributos padrão do HTML que pode ser aplicato à (quase) todos os elementos HTML. É sempre uma boa idéia adicionar o atributo id porque fica fácil de identificar o elemento no script.

-

O elemento <canvas> pode ser estilizado como qualquer imagem normal (margem, borda, fundo, etc). estas estilizações não afetam o desenho real da imagem. Nós veremos mais adiante neste tutorial. Quando nenhuma regra é aplicada à <canvas>, ela será totalmente transparente.

-

Conteúdo alternativo

-

Por ser relativamente novo, o elemento <canvas> não foi implementado em alguns navegadores (como no IE, antes da versão 9), os precisamos definir um conteúdo alternativo para navegadores que não suportam a tag.

-

Isto é muito fácil: nós apenas adicionamos o conteúdo alternativo dentro do elemento <canvas>. Navegadores que não suportam <canvas> irão ignorar o elemento e renderizar o conteúdo interno. Navegadores que suportam <canvas> irão ignorar o conteúdo interno e renderizar o elemento normalmente.

-

Por exemplo, nós podemos adicionar uma descrição de texto do elemento ou adicionar uma imagem estática do conteúdo dinâmicamente renderizado. Parecerá assim:

-
<canvas id="grafEstoque" width="150" height="150">
-  Preço atual do estoque: $3,15 +0,15
-</canvas>
-
-<canvas id="relogio" width="150" height="150">
-  <img src="imagens/relogio.png" width="150" height="150" />
-</canvas>
-
-- cgit v1.2.3-54-g00ecf