Bug: SVG Image fills display as black


#1

SVG:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" viewBox="0 0 200 200">
  <defs>
    <pattern id="imagefill-b" width="100%" height="100%">
      <use transform="scale(4.16667)" xlink:href="#imagefill-a"/>
    </pattern>
    <image id="imagefill-a" width="48" height="48" xlink:href="data:image/png;base64,..."/>
  </defs>
  <rect width="200" height="200" fill="url(#imagefill-b)" fill-rule="evenodd"/>
</svg>

What Chrome shows:
image

What the Projucer Shows:
image

This is v5.3.2 of the projucer.


#2

The pattern tag isn’t supported by JUCE’s SVG parser.


#3

@ed95 What about the ability to embed images in an SVG?


#4

Yeah the image tag should work correctly, I think the issue here is that the pattern tag isn’t being parsed.