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