SVG не отображает текст в Chrome в PHP

Question

Мой PHP-код отображает текст поверх SVG. Когда я использую IE и Firefox, все в порядке, но на Chromium я просто получаю снимок без текста.

<?php 
    echo "<svg width='1100' height='1620'>"; 
    $text = "Some text to be shown"; 

    echo "<text x=473 y=81 font-family='Verdana' font-size='18' fill='black'> 
        <a xlink:href='index.php'> 
        <a href='index.php'>$text</a></a> 
      </text>"; 

echo "</svg>"; 
?> 

Answer 1

Вы пробовали удаление <a xlink:href='index.php'> и это соответствующие </a>?

Answer 2

Ваш переменный текст $ необходимо конкатенировать?

echo "<text x=473 y=81 font-family='Verdana' font-size='18' fill='black'> 
       <a xlink:href='index.php'> 
       <a href='index.php'>" . $text . "</a></a> 
     </text>"; 

Answer 3

Не думаю, что <a xlink:href не требуется. Попробуй это.

https://jsfiddle.net/tsekgemo/

<div id="parent"> 
    <svg width='1100' height='1620'> 
     <text x=473 y=81 font-family='Verdana' font-size='18' fill='black'> 
      <a href='index.php'>Some text to be shown</a> 
     </text> 
    </svg> 
</div> 

Answer 4

SVG текст с вложенной ссылкой не работает в браузере Chrome, это как ваш код предположит, что выглядеть:

<?php 
echo "<svg> 
    $text = "Some text to be shown"; 

    echo "<text x=473 y=81 font-family='Verdana' font-size='18' fill='black'> 
        <a xlink:href='index.php'></a> 
        <a href='index.php'>$text</a> 
       </text>"; 
echo </svg> 

>