title: Javascript - Clipping image diagonally
body: <p>I've come to a tough problem to day as I was assigned a HTML5 projects.</p>
  
  <p>The project includes moving a picture on a inclined slope. I'll demonstrate this in the picture below
  <img src="https://s7.postimg.org/65dstdk6z/Untitled_1.png" alt="demo"></p>
  
  <p>As you can see, I want to move Obama's picture from A to B on the slope AB. And while moving, the picture is cropped and limited by the line AB. The line AB is actually the lower edge of a PNG image.</p>
  
  <p><img src="https://s9.postimg.org/6oq3px5z3/image.png" alt="demo"></p>
  
  <p>Best regards.</p>