Cita:
Iniciado por ArturoGallegos 
Por un lado con javascript no puedes modificar el elemento si aun no termina de cargar el documento, javascript siempre se ejecuta después de cargar el documento y en el caso de las imágenes debe haberse cargado la imagen previamente para poder trabajar sobre ella.
en segundo lugar, debes investigar por tu cuenta y documentarte, evento onload y funciones getElementByID y querySelector
Mucha suerte, regresa y pregunta por tus dudas después de haber creado algo de código que demuestre que estas intentándolo.
Hola, actualmente lo que estaba usando era el evento onload, pero de esta manera lo que pasa es que carga la imagen y posteriormente se ejecuta el javascript y transforma la imagen como quiero.
El problema es que al cargar la imagen se ve muy grande y hay que hacer scroll hasta que se ejecuta el javascript.
Se entiende mi problema, existe alguna otra manera de poder hacerlo.