Guardar imagen después de mover y escalar

[betic00]

Hola, os cuento el esceneario.

Estoy creando un interfaz dónde el usuario primero pueda subir una foto desde su pc y luego escalarla y moverla hasta que quede a su gusto. Para escalar y mover estoy usando jquery UI(draggable() y resizable()). Se trata de crear una portada para la nueva biografía de facebook, de ahí que el usuario tenga que escalar y mover para conseguir las medidas correctas(850x315px).
A la imagen subida tambien se le añaden campos como alguna decoración o el nombre del usuario.
Esto lo tengo más o menos listo. Lo que no sé hacer es una vez que el usuario ya tiene la imagen a su gusto, ¿Cómo puedo hacer para guardar la composición? O que la guarde el usuario o conseguir yo un .jpg de la composición para poder llamar a la aplicación de facebook que la suba.

A ver si alguien me puede orientar.

Gracias.