Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Carlsovitor

Como converter um canvas em imagem ?

Por , em Desenvolvimento frontend

Recommended Posts

Carlsovitor    0

Carlsovitor
Postado

Galera como eu transformo um canvas em imagem ?

Segue meu código:

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Bannertext.aspx.cs" Inherits="_Default" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <script type="text/jscript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script> 
            <title>Imóvel só com o corretor </title>
<style type="text/css">
html {
}
body{
}
#p1{
font-family: arial, sans-serif;
margin-left: 100px;
font-size: 32pt;
font-family: cursive;
text-align:center;
}
#p2{
font-family: arial, sans-serif;
margin-left: 50px;
font-size: 20pt;
font-family: sans-serif;
text-align:center;
}
                </style>
        
        </head>
            <body>
             <canvas id="myCanvas" width="1920px;" height="2836px;" style=""> </canvas> <br />
                <a id="sumir" href="" onclick="convertCanvasToImage()" target="_blank" style="font-size:80px; margin-left:500px;" > Fazer Download </a> <br />
                <img alt="" width="1px" height="1px" id="scream" src="images/banner.jpg" style="visibility:hidden;">
            </body>
    </html>
    <script type="text/jscript">
        window.onload = function(){  // Quero transformar esse canvas em uma imagem 
            var c = document.getElementById("myCanvas");
            var ctx = c.getContext("2d");
            var img = document.getElementById("scream");
            ctx.drawImage(img, 10, 10);


            ctx.fillStyle = "rgb(255,255,255)";
            ctx.fillRect(1150, 2500, 650, 300);


            ctx.font = "80px Arial";
            ctx.fillStyle ="rgb(0,0,0)";
            ctx.fillText("<%= Request.QueryString["t1"] %>", 1350,2600);


            ctx.font = "80px Arial";
            ctx.fillStyle ="rgb(0,0,0)";
            ctx.fillText("<%= Request.QueryString["t2"] %>", 1200,2700);
        };
        




  
    </script>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito