Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
E ai pessoal, estou ultilizando a tag canvas do html5 para criar uma imagem e nela aplico alguns filtros, porem apos criar a imagem, a mesma não aparece na tag canvas se olharmos no codigo fonte gerado, clicando na imagem "no firefox" e exibindo somente ela, notamos que o endereço dela é "data:image/png;base64,...", gostaria de saber se alguem sabe como salvar a imagem, o que eu preciso é do novo endereço dela la no meu JS pois assim posso enviar o endereço por ajax pra um php e salvar a nova imagem, abaixo segue um codigo semelhante apenas mais simples para melhor entendimento, quem quiser pode simplismente copiar e colar em um arquivo html que ira funcionar, lembrando que o navegador tem que suportar html
<html>
<head>
<style>
body {
margin: 0px;
padding: 0px;
}
#myCanvas {
border: 1px solid #9C9898;
}
</style>
<script>
window.onload = function() {
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var imageObj = new Image();
imageObj.onload = function() {
context.drawImage(imageObj, 69, 50);
};
imageObj.src = 'http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg';
};
</script>
</head>
<body>
<canvas id="myCanvas" width="578" height="400"></canvas>
</body>
</html>Carregando comentários...