Node with Image output image with borders about dom-to-image HOT 9 CLOSED

I had the same issue. I added background-color: white; CSS rule to the image parent node and it helped.

from dom-to-image.

Hi! Thanks for reporting. I'll take a look at that. In the meantime, could you please post the problematic image itself?

from dom-to-image.

Hey tsayen, thanks for the quick answer ! I solve this issue quickly changing the format of the image (was .jpg so i create a new version with transparency [png]).

However, the original jpg image didn't have border and I don't know why appears a border

from dom-to-image.

The problem might also be because of the image scaling. Do you maybe set the image dimensions explicitly? I seem to recall some border-like artefacts showing on JPG as an effect of scaling.

from dom-to-image.

Yes, is a div which have a background image with explicit dimensions (height:100;width:100%;)

Thanks for the support

from dom-to-image.

Do you observe those borders in the original html or is it just the rendered image?

from dom-to-image.

I was trying to reproduce the issue with a test JPG image, but I can't (see here http://jsfiddle.net/tsayen/sark5r13/2/)
If the issue is still bothering you, maybe you send me an example image (just attach it to the comment) that is rendered wrong.
Or we can close this for now.
What do you say?

from dom-to-image.

closing this for now

from dom-to-image.

I had the same issue. I added background-color: white; CSS rule to the image parent node and it helped.

I had problems with borders appearing out of nowhere in different nodes (div, and textarea) and this solved it. Thanks

from dom-to-image.