Cursos

Simulados

P&R

Ajude-nos a manter este site sempre atualizado com novos Cursos, Tutoriais, Simulados e Projetos. Agradecemos a sua colabora��o.
Os doadores receber�o material que n�o consta do site diretamente no e-mail. Programas, Simulados, Tutoriais, Dicas, etc.

Tutoriais JavaScript - 58
Tutorial para Desenhar uma Imagem

Neste tutorial veremos como desenhar uma Imagem. Na verdade n�o � desenhar, � mostrar uma imagem na p�gina.
Vejamos ent�o o exemplo:
Nesse exemplo vamos criar um script para mostrar uma imagem em uma p�gina Web. Voce poder� colocar qualquer imagem, desde que ela seja armazenada na mesma pasta do arquivo HTML. Para esse exemplo vamos utilizar apenas um arquivo HTML:
Arquivo desenhaImagem.html:
<!DOCTYPE html> <html lang="en" > <h2>Desenha uma Imagem</h2> <head> <title>Desenha uma Imagem</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"> </script> <style id="compiled-css" type="text/css"> { width: 20px; height: 20px; float: left; } </style> <script src='/google_analytics_auto.js'></script></head> <body> <img src="pera.png" /> <canvas id="first" width="20px" height="20px"></canvas> <script type='text/javascript'> var paint = $('#first'); var temp_ctx = temp_paint[0].getContext('2d'); var ctx = paint[0].getContext('2d'); var image = $('img')[0]; temp_ctx.drawImage(image, 0, 0, image.width, image.height); ctx.drawImage(temp_ctx.canvas, 0, 0); </script> </body> </html>
Veja na imagem abaixo o resultado desse c�digo::

<< Tutorial para Converter Milhas em Quil�metros
Tutorial para Criar uma Array com N�meros Rand�micos >>

Tutoriais

Programas

Projetos

Cursos

Android
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
SQL

P&R

Android
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Simulados

Android
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
SQL

Tutoriais

Android
App Inventor 2
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Programas

Android
App Inventor 2
C
Java
JQuery
JScript
PHP
Python

Projetos

Android
App Inventor 2
Arduino