Why do SVG files not display properly on Q2A site?

Sun, 01 Nov 2020 12:39:18 +0000

I have some SVG codes to display avatars like Google/Youtube.

An example:

<svg version="1.1"
     baseProfile="full"
     width="40" height="40"
     xmlns="http://www.w3.org/2000/svg">

<rect width="40" height="40" fill="blue" />

<circle cx="20" cy="20" r="18" fill="silver" />

<text x="20" y="25" font-size="18" text-anchor="middle" fill="crimson">S</text>

</svg>

The code works everywhere else in the world, you can test!

But when I paste this into Q2A theme, for example:

$this->output('<svg version="1.1"
     baseProfile="full"
     width="40" height="40"
     xmlns="http://www.w3.org/2000/svg">

<rect width="40" height="40" fill="blue" />

<circle cx="20" cy="20" r="18" fill="silver" />

<text x="20" y="25" font-size="18" text-anchor="middle" fill="crimson">S</text>

</svg>');

The only thing I get is a blue square! Any possible reason?

Question2Answer Q&A - Recent questions tagged svg

Why do SVG files not display properly on Q2A site?