title: HTML5 Canvas Change Image Z-Index
body: <p>I am creating an HTML5 Canvas game and I came to a problem, is there a way to change the image layering order? Something like Z-Index in normal HTML? I can't really put it into words so I'll upload an image of what's happening right now.</p>
  
  <p><img src="https://i.stack.imgur.com/yz0fy.png" alt="enter image description here"></p>
  
  <p>What I want is the grey part to cover all the other images inside the canvas. The scope already has transparency so it should render whatever is behind it but I don't want to render what is on the grey part. Is there a way to do that?</p>
  
  <p>Thanks in advance</p>