Precalienta el horno a 350°F (175°C). Rocía un molde para hornear de 13 x 9 pulgadas con spray para hornear y cubre el fondo con papel pergamino.

Escurre la piña sobre un colador y reserva 3/4 de taza de jugo de piña, añadiendo agua para completar la cantidad si es necesario.

Cocina el azúcar moreno y la mantequilla en una cacerola a fuego medio, revolviendo a menudo, hasta que se derritan y se combinen. Añade la canela y el extracto de vainilla.

Extiende la mezcla de azúcar moreno uniformemente en el molde y cubre con la piña escurrida en una capa.

Prepara la mezcla para pastel amarillo según las instrucciones del paquete, sustituyendo la mezcla de jugo de piña por agua. Extiende la masa uniformemente sobre la capa de piña.

Hornea durante aproximadamente 30 minutos, o hasta que un palillo insertado salga limpio. Voltea sobre una bandeja, pela el papel pergamino y repara cualquier hueco con la mezcla reservada.