Svg image/background image not rendering properly

[mprabs]

Bug reports:

I have set a background-image that of svg format in the div and have multiple image elements inside the div. But the div isn't being rendered properly by html2canvas.

Image to render :

Image Rendered

My code looks like:
const node= document.getElementById('element'); html2canvas(node, { allowTaint: true, useCORS: true }).then(canvas => { const image = canvas.toDataURL('image/png', canvas.width, canvas.height) })

• The rendered icons is SVG which is not proper.
• The background is also SVG which is half.
• The other images are from server (i.e. src={imageLink}).

Specifications:

• html2canvas version tested with:
• Browser & version: 1.0.0-rc.7
• Operating system: Windows 10

[joswhite]

Can you provide an example of this issue using jsfiddle?

[rshelnutt]

This appears related to #1406