title: HTML Canvas: Rotate the Image 3D effect
body: <p>How can i rotate the image (eg. to 45degrees) and squash the image. supposed i have a perfect square image. I can rotate it to any angle i want but i want to make the rotated square squashed, making the height 2/3 smaller than the width. the resulting image would be not a perfect rotated square but a squashed one. </p>
  
  <p>do you know how can I achieve the effect?</p>