Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17226
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Escrever texto ou colocar imagem dentro da tag canvas html 5

07-06-2013 15:34

Vou postar um exemplo bem simples de como escrever um texto dentro da tag canvas, usando o html 5

<script> window.onload = function() { var a=document.getElementById("canvas"); var alvo=a.getContext("2d"); alvo.font="20px Verdana"; alvo.fillText("OLá",25,50); } </script>


<canvas id="canvas" width="100" height="100" style="border:1px solid #ccc;"> Seu navegador não suporte canvas </canvas>

0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17226
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Escrever texto dentro da tag canvas html 5

07-06-2013 15:39

Para quem quer adicionar uma imagem ou foto dentro do canvas, identifique a imagem, ex.:

<img src="...." id="img">

Use esse script

window.onload = function() { var a=document.getElementById("canvas"); var alvo=a.getContext("2d"); imagem = document.getElementById("img"); alvo.drawImage(img,10,10); }

0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado