PNG images duplicate

[ajmeese7]

When manipulating PNG images with transparency, you can see a duplicate of the image that is scaled down:

Any suggestions on how to fix this? Thanks!

[iwandejong]

Hi, what you can do is to create a temp canvas and transpose it to the original canvas as follows:
`var tempCanvas = document.createElement('canvas');
tempCanvas.width = scaledW;
tempCanvas.height = scaledH;

var tempCtx = tempCanvas.getContext('2d');
tempCtx.mozImageSmoothingEnabled = false;
tempCtx.webkitImageSmoothingEnabled = false;
tempCtx.imageSmoothingEnabled = false;

tempCtx.drawImage(image, 0, 0, scaledW, scaledH);

var ctx = canvas.getContext('2d');
ctx.mozImageSmoothingEnabled = false;
ctx.webkitImageSmoothingEnabled = false;
ctx.imageSmoothingEnabled = false;

ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.drawImage(tempCanvas, 0, 0, scaledW, scaledH, 0, 0, canvas.width, canvas.height);

`
Let me know if it works