tag:blogger.com,1999:blog-8689521736807370298.post7971770566706780327..comments2023-11-30T04:52:07.229-03:00Comments on CodeGeo: Salvando uma imagem com background a partir de canvasCodeGeohttp://www.blogger.com/profile/08827634953909895537noreply@blogger.comBlogger8125tag:blogger.com,1999:blog-8689521736807370298.post-37120952178749839532016-09-08T08:44:08.964-03:002016-09-08T08:44:08.964-03:00Olá Cássio,
o script que eu publiquei ele gera um...Olá Cássio,<br /><br />o script que eu publiquei ele gera uma imagem para ser salvar em um disco local. Para persistir em um banco de dados será necessário utilizar alguma linguagem de servidor (PHP, Java, Ruby, Python, etc)<br /><br />AbraçoCodeGeohttps://www.blogger.com/profile/08827634953909895537noreply@blogger.comtag:blogger.com,1999:blog-8689521736807370298.post-56419138227532182172016-09-05T21:24:11.202-03:002016-09-05T21:24:11.202-03:00alterei algumas tags porque o comentário não aceit...alterei algumas tags porque o comentário não aceitou, mas é mais ou menos isso: quero pegar uma assinatura de uma pessoa e salvá-la no banco de dados local.Cássio Jaquesnoreply@blogger.comtag:blogger.com,1999:blog-8689521736807370298.post-6718569075110809912016-09-05T21:22:56.699-03:002016-09-05T21:22:56.699-03:00(tag script)
window.onload = function () { ...<br />(tag script)<br /> window.onload = function () { <br /> <br /> var largura = 500;<br /> var altura = 300;<br /><br /> var quadro = document.getElementById("quadro");<br /> quadro.setAttribute("width", largura);<br /> quadro.setAttribute("height", altura);<br /><br /> var ctx = quadro.getContext("2d");<br /> <br /> <br /> var desenhando = false;<br /><br /> quadro.onmousedown = function (evt) {<br /> ctx.moveTo(evt.clientX, evt.clientY);<br /> desenhando = true;<br /> }<br /><br /> quadro.onmouseup = function () {<br /> desenhando = false; <br /> }<br /> quadro.onmousemove = function (evt) <br /> {<br /> if (desenhando){<br /> ctx.lineTo(evt.clientX, evt.clientY);<br /> ctx.stroke();<br /> }<br /> }<br /> <br /> }<br />(tag fecha script)<br /><br><br /><br /><br />(tag button) SALVAR (tag fecha button)<br />(tag script) defer="defer" src="canvas.js"><br />(tag fecha script)<br /> <br />(tag script) var button = document.getElementsByTagName('button');<br /><br /> button[0].addEventListener('click', function() {<br /> var canvas = document.getElementById("quadro"); <br /> window.location.href = canvas.toDataURL("images/png").replace("images/png", "images/octet-stream");<br /> <br /><br /> context.clearRect (0,0,w,h);<br /> context.putImageData(data, 0,0);<br /> }); <br /><br />(tag fecha script)Cássio Jaquesnoreply@blogger.comtag:blogger.com,1999:blog-8689521736807370298.post-67412238624880886222016-09-05T21:14:39.162-03:002016-09-05T21:14:39.162-03:00é que na verdade eu adaptei esta parte do código c...é que na verdade eu adaptei esta parte do código com outra parte que eu utilizo o canvas pra desenhar, como se fosse uma assinatura, entende? Cássio Jaquesnoreply@blogger.comtag:blogger.com,1999:blog-8689521736807370298.post-13637747994943006032016-08-31T21:19:15.886-03:002016-08-31T21:19:15.886-03:00Olá Cássio,
Clicando no botão não está sendo salva...Olá Cássio,<br />Clicando no botão não está sendo salva uma imagem vermelha?!<br />AbraçoCodeGeohttps://www.blogger.com/profile/08827634953909895537noreply@blogger.comtag:blogger.com,1999:blog-8689521736807370298.post-82080891352594037532016-08-31T20:10:45.605-03:002016-08-31T20:10:45.605-03:00Minha dúvida é a mesma do amigo que comentou. Não ...Minha dúvida é a mesma do amigo que comentou. Não estou conseguindo salvar a imagem no computador local. Poderia me ajudar? ObrigadoCássio Jaquesnoreply@blogger.comtag:blogger.com,1999:blog-8689521736807370298.post-26787094957365034122015-12-14T11:06:40.563-02:002015-12-14T11:06:40.563-02:00Olá Agnaldo,
O procedimento é o mesmo. Só que voc...Olá Agnaldo,<br /><br />O procedimento é o mesmo. Só que você não precisará colocar o código que gera a imagem com o evento de click do botão.<br /><br />AbraçoCodeGeohttps://www.blogger.com/profile/08827634953909895537noreply@blogger.comtag:blogger.com,1999:blog-8689521736807370298.post-29667334792981754912015-12-14T10:53:39.936-02:002015-12-14T10:53:39.936-02:00e se eu precisar salvar essa imagem no hd local pa...e se eu precisar salvar essa imagem no hd local para exibição posterior, sem intervenção do usuário? sabe se tem como?Agnaldonoreply@blogger.com