Rozmazywanie obrazów na Canvas

Witam, mam taki problem, że po wrzuceniu obrazu na canvas gdy go chce zmiejszyć to strasznie wszystko rozmazuje. Podpowie ktoś jak to naprawić ?

Kod: https://pastebin.com/4Sp9BjTX

Wrzuciłbyś lepiej jakąś działającą wersję na http://jsfiddle.net i wkleił tutaj link do wrzutki.

Po drugie to mogłeś wywalić wszystkie zakomentowane linie, bo one tylko obraz zaciemniają :P

Wybacz. Prosze: https://pastebin.com/AanxNTYJ
Nie wiem jak wrzucic pod tamten adres.

Wchodzisz na jsfiddle i tam masz 3 ramki/okienka: na HTML, CSS i JavaScript. Na razie wrzuciłeś samą funkcję, która rysuje, a ja prosiłem o umieszczenie jakiegoś działającego przykładu, gdzie będzie można od razu zaobserwować, jak to wszystko się zachowuje, bez konieczności tworzenia własnej "otoczki".

https://jsfiddle.net/malkrzysztof/s6tfuLb2/6/ - tutaj masz przykład poprawnie umieszczonej wrzutki na jsfiddle. Od razu widać, jak całość działa - masz podgląd zachowania strony, a do tego po wprowadzeniu zmian w kodzie, wciskasz "RUN" i od razu widzisz efekt tych zmian.

Probowałem wiele razy. Nie moge wrzucic tego projektu. No nic trudno cos pomysle. dzieki :D