He estado tratando de clonar el lienzo #preview para #upload1 usando varios métodos. Eliminé el código que probé que no funcionó, pero estoy buscando ayuda en una solución que sea simple y quizás reutilice la función SimpleImage.js.

Algo que he probado:

• $("canvas")[0].toDataURL() // para intentar establecer los datos en una nueva imagen
• creando una copia del script y reutilizando la entrada con diferentes nombres de variables (creo que fileinput.onchange = upload afecta esto ya que arroja un error dentro de la consola. ¡Cualquier ayuda sería apreciada!

--

 let imgcanvas = document.getElementById("preview"); let imgcanvasBooking = document.getElementById("upload1"); let fileinput = document.getElementById("Top-View"); //let copy = $("canvas")[0].getContext('2d') fileinput.onchange = upload; function upload(e) { image = new SimpleImage(fileinput); image.drawTo(imgcanvas); }