Estoy haciendo la edición de imágenes usando el lienzo. Considere el siguiente código:

 ctx.drawImage( // <-- start point of the task which causes the browser to lag image, crop.x * scaleX, crop.y * scaleY, crop.width * scaleX, crop.height * scaleY, 0, 0, crop.width * scaleX, crop.height * scaleY, ); // <-- end of the task

¿Hay alguna manera de que pueda detectar el punto de inicio y final de un proceso intensivo? Mi objetivo es mostrar un indicador de carga, algo así como Photoshop cuando abres una foto grande. Y, con suerte, mantener toda la página receptiva y no retrasarse por completo.