Images with transparency at bottom are not fully displayed

[cschwaderer]

Take the attached example picture (being the google logo made square by adding transparency at top and bottom) and try to load it into the cropper directive.

Well, the directive will crop it, but not the way intended. It will NOT fully display the image, but crop the transparency at the bottom completely (will preserving that on top) and cropping something from the right (about everything starting at the "l" of "Google").

[cschwaderer]

See screenshot:

[prestomation]

I have the same issue.

I have a jist showing that the cropper seems to have a bug.
This gist will take an image, and resize and center it into a square canvas.
It will output this canvas to a standalone canvas, which looks correct, and also output it to the cropper, which only shows the upper left portion of the image

http://jsbin.com/jurapesema/5/edit?output

I did not make the transparency connection until reading your post. If the image does not have transparency then there is no issue.(but transparency is a requirement I have as well)

[prestomation]

I've worked around with it well enough for my purposes by setting the transparency to 0.01, but this is not the best case scenario.

[Krishna-Agrawal]

Hi @prestomation,
could you please explain who you resolved transparency problem using opacity 0.01 ?