diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:50:24 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:50:24 +0100 |
commit | 2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e (patch) | |
tree | 86ab4534d10092b293d4b7ab169fe1a8a2421bfa /files/pt-pt/tutorial_do_canvas/utilização_básica/index.html | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-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.html | 23 |
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_<canvas>">O Elemento <code><canvas></code></h2> -<p>Vamos iniciar este tutorial olhando para o elemento <code><canvas></code>.</p> -<pre><canvas id="tutorial" width="150" height="150"><canvas> -</pre> -<p>Isto se parece com o elemento <code><img></code>, a única diferença é que não tem os atributos <code>src</code> e <code>alt</code>. O elemento <code><canvas></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><canvas></code>, e não via CSS).</p> -<p>O atributo <code>id</code> não é específico do elemeto <code><canvas></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><canvas></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><canvas></code>, ela será totalmente transparente.</p> -<h3 id="Conteúdo_alternativo">Conteúdo alternativo</h3> -<p>Por ser relativamente novo, o elemento <code><canvas></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><canvas></code>. Navegadores que não suportam <code><canvas></code> irão ignorar o elemento e renderizar o conteúdo interno. Navegadores que suportam <code><canvas></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><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> -</pre> |