¿HTML5 lienzo drawImage usando puntos?

Necesito dibujar una imagen usando 4 puntos. Tengo estos 4 puntos almacenados en una matriz, estas posiciones cambian. Ahora necesito dibujar una imagen que refleje estas posiciones. El context.drawImage solo acepta 1 posición.

Debería ser así, 4 posiciones:

x,y----------x,y
 |            |
 |            |
 |            |
 |            |
 |            |
x,y----------x,y

Respuestas a la pregunta(2)

Su respuesta a la pregunta