Thumbnails canvas dopasowanie i dodanie przezroczystosci

Question

Siemka, Dodaje sobie thumbnailsy przez file API drag and dropem / inputem. Wszystko spoko ale thumbnailsy które dodaje wyglądają kiepsko jeżeli są zbyt szerokie/ wysokie . Za zadanie mam je pomniejszyc do np kwadratów 150 i potem wycentrowac do środka canvasa i dodać na obu za długich przezroczystosc . Czyli jesli jest za wysoki to dopasowuje wysokoscia i z obu stron dodaje przezroczystosc a jak za szeroki to analogicznie na szerokosc. Potrzebuję jakiegoś rozwiązania na szybko bo ja to poprostu rysowalem draw Image na wysokość 150 i szerokość 150 i canvasa o tych rozmiarach ale się nie podoba.

 

edit:

No i gdzie jesteście wielcy samozwańczy mistrzowie JSa ? Nikt nie umie na tym forum zrobić  więcej niż podpinać event listenery ?