Men Marockos seger blev dyrköpt. Redan i den 22:a minuten tvingades Marockos storstjärna Ismail Saibari bryta matchen med en befarad skada i lårets baksida. Saibari, som gjort tre mål i turneringen, fällde tårar samtidigt som han haltade av planen.
Det var inte bara skadan som var besvärande för Marocko i den första halvleken. Kanada var det klart bästa laget under de inledande 45 minuterna och Marockos målvakt Yassine Bounou fick göra ett par kvalificerade räddningar för att hålla afrikanerna kvar i matchen.
Efter paus tog Marocko över samtidigt som Kanadas presspel inte var lika ihärdigt som i första halvlek.
Ledningsmålet kom efter en frisparksvariant redan i halvlekens femte minut. När de flesta väntade sig en lyftning in i straffområdet valde Achraf Hakimi i stället att spela bollen utmed marken i sidled där Azzedine Ounahi mötte med ett direktskott som letade sig in precis vid stolproten.
Kanada fick ett gyllene läge till kvittering med dryga kvarten kvar. Frisparken precis utanför straffområdet tog Jonathan David hand om, men hans skott smet strax över ribban. Närmare kom inte Kanada denna kväll.
När Kanada försökte lyfta upp laget, blev de i stället straffade. I den 82:a minuten kom Ounanis andra mål för kvällen och tredje totalt i VM. En kontring fyra mot två resulterade i att Brahim Diaz kunde spela fram tvåmålsskytten som dundrade upp bollen i nättaket. Marocko kunde på tilläggstid göra 3–0 genom Soufiane Rahimi, spelaren som ersatte storstjärnan Saibari.
Marocko ställs mot vinnaren mellan Frankrike och Paraguay i kvartsfinal.
Läs mer:
Marocko vidare efter straffavgörande