Jump to content


Photo

Como transformar canvas em imagem?

Js Javascript canvas imagem png jpg transformar

  • Faça o login para participar
4 replies to this topic

#1 Lucas99

Lucas99

    Normal

  • Usuários
  • 84 posts
  • Sexo:Masculino
  • Localidade:Santos

Posted 27/05/2015, 04:02

Eu queria transformar um canvas em imagem, podendo ser png ou jpg, não importa.

 

Por exemplo, eu tenho o seguinte codigo: 

 [...]

//com umas coisas mais acima
tela.style.display = "block";
var c = tela.getContext("2d");
c.drawImage(img, 0, 0);

c.textAlign = "center";
c.font =  fonte + "px Georgia";
c.fillStyle = "white";
c.fillText(userName, base/2, ((+altura) - (altura/11)));
}
//fim

Bom, fiz meu canvas, mas quero que exiba como imagem e a pessoa possa salva-lo com imagem. 
 


#2 Danilomaru

Danilomaru

    Ativo

  • Moderadores
  • 300 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 29/05/2015, 03:41

suponho que a variável tela seja seu canvas, ficaria assim:

<!-- add a tag img que exibira a imagem do canvas -->
<img id="imageCanvas" alt="meu canvas">

<!-- add a tag link para salvar a imagem -->
<a href="#" id="salvar">SALVAR</a>// obtém o source da imagem
var imgData = tela.toDataURL(); // por padrão, a imagem é PNG

// exibe imagem
document.getElementById('imageCanvas').src = imgData;

// salva imagem
document.getElementById('salvar').addEventListener('click', function(e){
this.href = imgData; // source
this.download = 'canvas.png'; // nome da imagem
return false;
});


#3 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 18/09/2017, 23:00

Amoxicillin Usage In Feed generic cialis Buy Semisynthetic Tetracycline
Cephalexin And Ledum Greece
Applicazione Levitra <a href=http://cialtobuy.com>cialis</a> Viagra Discount
Amoxicillin Liver Damage cialis Nolvadex Commander
Cephalexin 500mg For Toothach Cephalexin Interaction With Acohole Lower Back Pain Treated With Amoxicillin
Levitra 40 Mg Sale <a href=http://cialtobuy.com>online pharmacy</a> Kamagra Acheter Sur Internet

#4 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 19/09/2017, 03:26

Keflex Ingedients cialis price Levitra Online Espana Fedex Shipping Macrobid With Free Shipping Viagra 35 Ans Propecia Cheapest Dedicated online pharmacy Cialis Malaysia
Buy Amoxicillin From Mexico Online 401 generic cialis Vente Levitra En Ligne Viagra Kaufen Docmorris Zithromax 1gm Online Hydrochlorothiazide 12.5mg Order Next Day Delivery Bay Doxycycline cialis Buy Generic Fluoxetine Visa Shop

#5 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 04/10/2017, 20:01

Buying Cheap Cialis Online Acquistare Levitra Generico Italia viagra Prix Viagra Pas Cher
Tadalafil Tadacip Prezzi Viagra In Farmacia Xenical Orlistat 120 Mg Price online pharmacy Buy Eli Lilly Cialis Levitra Per Uberweisung Bestellen Comprare Cialis In Contrassegno
Ampicillin From Canada Mirapex viagra Symptoms Of Allergic Reaction To Amoxicillin Generic Viagra 25mg Zithromax Label





Veja alguns posts relacionados com: Js, Javascript, canvas, imagem, png, jpg, transformar

1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq