The drawImage() method draws an image, canvas, or video onto the canvas. be sure to use a pixelformat that supports transparency. using (var bitmap new Bitmapit on the new image in the same size, so its not distorted. canvas. DrawImage(backImage ctx.drawImage() is not working when I use a transparent PNG, but does work when I use a regular PNG. var context document.getElementById(" canvas").getContext(2d). function draw(img, x, y) The other method "drawImage" on the other hand respects the transparency and the good part is you dont have to do any getimagedata. You can simply pass in the source canvas element and draw to float globalAlpha Specifies additional transparency to be added to everything drawn on the canvas.You can draw an image into a canvas with the drawImage() method so is there any way we can read jpeg (base64 encoded) pixel map from js without using canvas or any other way to draw image on canvas without using drawImage().