По какой-то причине Chrome отображает SVG без изображений в тегах изображения.
Вот пример из моего SVG:
<image xlink:href="blocker.png" height="312.666661" width="85.693825" y="16.479997" x="459.946664"/>
blocker.png - это локальный файл, но я также попытался загрузить его в imgur, но это тоже не сработало.
Вот тэг svg:
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
Вот как это выглядит локально:
http://i.imgur.com/BDP8KpG.png
Вот как это выглядит на живой веб-странице:
http://i.imgur.com/KVuxLI1.png
Как вы можете видеть, двух игроков не хватает. Этого не происходит, когда я загружаю SVG в Интернете, но когда я пытаюсь связать этот URL с моей страницей, происходит то же самое
Не уверен, что это актуально, но вот HTML-код для страницы:
<!DOCTYPE HTML>
<html>
<head>
<title>SVG</title>
<style>
img{
width: 100%;
height:auto;
max-width: 800px;
}
</style>
</head>
<body>
<div>
<img src="svg.svg"/>
</div>
</body>
</html>