Tenho me debatido pra resolver essa questão, que parece simples, mas não estou conseguindo,
Talvez eu não esteja sabendo fazer a pergunta, então conto com a boa vontade dos amigos:
1. Tenho o seguinte canvas:
->
var placeholder = document.querySelector('.flot-base');
var context = placeholder.getContext('2d');
Assim como outro canvas de teste
var c = document.getElementById('analysisFullGraph1');
var ctx = c.getContext('2d');
Com essa funcao consigo copiar facimente uma parte do canvas "placehoder" para o canvas "ctx"
function copy{
var imgData = context.getImageData(684, 0, 784, 250);
ctx.putImageData(imgData, 100, 0);
}
=>
- porem estou tentando copiar do canvas para uma outra imagem, mas nao tive sucesso...
por exemplo:
<html>
<img id='analysisFullGraph1' src="full_graphics.png" />
</html>
<script>
var placeholder = document.querySelector('.flot-base');
var context = placeholder.getContext('2d');
var imageCTX = document.getElementById('analysisFullGraph1');
function copy{
var imgData = context.getImageData(684, 0, 784, 250);
imageCTX.putImageData(imgData, 100, 0);
}
</script>
Como fazer essa copia?