Necesito borrar el contenido de un canvas. Este canvas tiene una imagen que he puesto usando la libreria Pica de esta forma:
///setear la imagen
var img2 = new Image();
img2.src = img.attr("src");
img2.width = img[0].naturalWidth;
img2.height = img[0].naturalHeight;
//establecer tamaño del canvas
this.canvas.width = width;
this.canvas.height = height;
///poner la imagen en el canvas
var promise = pica().resize(img2, this.canvas ,{
unsharpAmount: 100,
unsharpRadius: 0,
unsharpThreshold: 0
});
Esto me devuelve un [object HTMLCanvasElement]
promise.then(cavas_x => console.log(`resize done! ${cavas_x }`))
Pero yo necesito un [object CanvasRenderingContext2D] para poder borrar el canvas así:
clear()
{
this.canvas.width = this.canvas.width;
this.contexto.clearRect(0, 0, this.canvas.width, this.canvas.height);
}
El contexto de (this.canvas) no me esta funcionando porque pica() está usando otro y es al que intento acceder.
¿Sabría alguien como hacerlo? o ¿Alguna otra forma de borrar la imagen?