Image with border-radius does't work

[jorgecasar]

Images with border radius appear as a square. I tryed adding 1px border with color and transparent to force the border.

I also tryed with a wrapper div with the border and overflow:hidden, but it doesn't work either.

Is this a bug? There any CSS trick to solve it?

[brcontainer]

by what you said seems to be a bug, but put a test case of the problem to understand how you are working the html.

[jorgecasar]

I made this jsfindle but it's not working because of the external images I guess. But it is enough to show an example of what I tested.

Dirty trick: By the moment, I changed the images for background images.

[brcontainer]

Is really a BUG, not rendering images with border-radius.

The div#test2 can render, but the image overlaps it.

@niklasvh occurs also on 5.0-rc1

[niklasvh]

Should be fixed

[peterzhai]

@niklasvh hello,I use v1.0.0-alpha.10,and I still have this problem~

[moothemonkey]

Has this issue been resolved? I am trying to download an image from a canvas element that has a border-radius but the saved image (from canvas.todataurl()) is square.

[KararBarcha]

Still not working for me. "html2canvas": "^1.4.1"