aboutsummaryrefslogtreecommitdiff
path: root/files/pt-pt/tutorial_do_canvas/utilização_básica/index.html
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:50:24 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:50:24 +0100
commit2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e (patch)
tree86ab4534d10092b293d4b7ab169fe1a8a2421bfa /files/pt-pt/tutorial_do_canvas/utilização_básica/index.html
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e.tar.gz
translated-content-2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e.tar.bz2
translated-content-2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e.zip
unslug pt-pt: move
Diffstat (limited to 'files/pt-pt/tutorial_do_canvas/utilização_básica/index.html')
-rw-r--r--files/pt-pt/tutorial_do_canvas/utilização_básica/index.html23
1 files changed, 0 insertions, 23 deletions
diff --git a/files/pt-pt/tutorial_do_canvas/utilização_básica/index.html b/files/pt-pt/tutorial_do_canvas/utilização_básica/index.html
deleted file mode 100644
index 489af34137..0000000000
--- a/files/pt-pt/tutorial_do_canvas/utilização_básica/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: Utilização básica
-slug: Tutorial_do_Canvas/Utilização_básica
----
-<h2 id="O_Elemento_&lt;canvas>">O Elemento <code>&lt;canvas&gt;</code></h2>
-<p>Vamos iniciar este tutorial olhando para o elemento <code>&lt;canvas&gt;</code>.</p>
-<pre>&lt;canvas id="tutorial" width="150" height="150"&gt;&lt;canvas&gt;
-</pre>
-<p>Isto se parece com o elemento <code>&lt;img&gt;</code>, a única diferença é que não tem os atributos <code>src</code> e <code>alt</code>. O elemento <code>&lt;canvas&gt;</code> tem apenas dois atriburos - <strong>width</strong> e <strong>height</strong>. Estes são opcionais e podem ser mudados usando propriedades do <a href="/pt/DOM" title="pt/DOM">DOM</a>. Quando não configurados os valores de width e height, a largura será de <strong>300 pixels</strong> e a altura será de <strong>150 pixels</strong>. O elemento pode ser redimensionado árbitrariamente usando <a href="/pt/CSS" title="pt/CSS">CSS</a>, 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 <code>&lt;canvas&gt;</code>, e não via CSS).</p>
-<p>O atributo <code>id</code> não é específico do elemeto <code>&lt;canvas&gt;</code>, 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 <code>id</code> porque fica fácil de identificar o elemento no script.</p>
-<p>O elemento <code>&lt;canvas&gt;</code> 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 à <code>&lt;canvas&gt;</code>, ela será totalmente transparente.</p>
-<h3 id="Conteúdo_alternativo">Conteúdo alternativo</h3>
-<p>Por ser relativamente novo, o elemento <code>&lt;canvas&gt;</code> 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.</p>
-<p>Isto é muito fácil: nós apenas adicionamos o conteúdo alternativo dentro do elemento <code>&lt;canvas&gt;</code>. Navegadores que não suportam <code>&lt;canvas&gt;</code> irão ignorar o elemento e renderizar o conteúdo interno. Navegadores que suportam <code>&lt;canvas&gt;</code> irão ignorar o conteúdo interno e renderizar o elemento normalmente.</p>
-<p>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:</p>
-<pre>&lt;canvas id="grafEstoque" width="150" height="150"&gt;
-  Preço atual do estoque: $3,15 +0,15
-&lt;/canvas&gt;
-
-&lt;canvas id="relogio" width="150" height="150"&gt;
-  &lt;img src="imagens/relogio.png" width="150" height="150" /&gt;
-&lt;/canvas&gt;
-</pre>