Отображение изображений в SVG внутри HTML

Question

В рамках проекта hackweek для визуализации количества людей на станциях London Tube у нас есть изображение SVG, связанное со стандартным тегом в HTML. Этот файл svg генерируется PHP и включает тег, импортирующий карту трубки и некоторые теги. При просмотре напрямую это работает отлично. Однако при просмотре HTML-страницы, содержащей SVG, отображаются только круги, а не импортированное изображение. Это то же самое с любым изображением, а не только с картой трубки. Кто-нибудь знает, в чем проблема, или если это ограничение SVG?

Answer 1

Это не ограничение в svg, но трудно сказать, что именно не так из вашего описания. Обратите внимание, что браузеры на основе Webkit (Safari, Chrome) имеют известную проблему с прозрачностью в тегах <object>, поэтому обратите внимание и проверьте в других браузерах.

Answer 2

Вы пробовали использовать http://raphaeljs.com/ - Похоже, это может быть именно то, что вы ищете.

Демо-секция включает в себя даже SVG графику, который получает обращается к странице