Eu gostaria de fazer uma imagem em enviesada / perspectiva / girada em tela html5. A imagem abaixo é exatamente o que eu gostaria de fazer.

Eu tenho esse código para usar transformações na tela, mas eu não posso fazer cara ou coroa com isso. Alguém poderia me ajudar?

Também só quero que isso seja feito em HTML5 Canvas não css.

var cs = Math.cos(angle1), sn = Math.sin(angle1);
var h = Math.cos(angle2);

var a = 100*cs, b = -100*sn, c = 200;
var d = h*100*sn, e = h*100*cs, f = 200;

ctx.setTransform(a, d, b, e, c, f);