html5 canvas is not showing full image

Question

My image size is 940 * 300 but html5 canvas showing only part of image in chrome. Can you please help how to fix this?

Below is the code

Answer 1

The reason is simply that you cannot do

  ctx.width= imgWidth;
  ctx.height=imgHeight;

You must do

  can.width= imgWidth;
  can.height=imgHeight;

Where can is a reference to the canvas, and not the canvas context.

Working example:

http://jsfiddle.net/rbNzb/