Сделайте страницу html или xhtml с svg, отображаемым на местном языке

У меня есть страница html, у которой есть svg. Я использую Chrome 54.0.2840.98 (64-bit) как веб-браузер в Mac OS.Сделайте страницу html или xhtml с svg, отображаемым на местном языке

svg хорошо отображается с локальным хостом, тогда как он не отображается, когда я указываю file:///Users/softtimur/... в пути к браузеру.

Я искал некоторые темы, некоторые предложили изменить страницу на xhtml, я сделал это. И сделайте заголовок следующим образом:

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />

Но svg по-прежнему не отображается локально.

Может ли кто-нибудь помочь?

PS: Here - файл. После его загрузки вам может потребоваться изменить имя test.xhtml.txt на test.xhtml.

Редактировать: This thread упоминает, что Chrome may block the access to local documents (Object in your case) from remote scripts (svg-pan-zoom). Есть ли способ переписать страницу, чтобы найти обходной путь? Или я могу что-то сделать с настройками Chrome? Я действительно не хочу использовать localhost.

источник

2016-11-28 SoftTimur

Просьба показать весь файл. Это файл XHTML, содержащий элемент

Я просто загрузил файл, см. OP. – SoftTimur

Загруженный файл отлично работает, если у меня есть сценарий D3, доступный локально. то есть иметь файл d3 в той же папке и использовать ''. Я также не вижу, что он загружает внешние ресурсы, которые могут вызвать проблему с перекрестным происхождением. Я вижу объект svg, содержащий 3 точки с двумя стрелками. Если это не так, есть ли ошибки в консоли? – Chainat

Поскольку Chainat и я обнаружили (в комментариях), ключ должен написать <script src="http://d3js.org/d3.v3.min.js"></script> (более <script src="d3js.org/d3.v3.min.js"></script>), если вы хотите использовать внешний d3. Тогда даже файл html без <html xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> работает ...

источник

2016-11-30 17:25:24 SoftTimur

-1

Прежде всего.
Doctype SVG не начинается с html.
доктайп является SVG

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

Вот ссылка на "Doctype в" [https://www.w3.org/QA/2002/04/valid-dtd-list.html][1].

Не могли бы вы провести еще один тест, например, открыть файл SVG из папки, если Windows, а затем Windows Explorer, дважды щелкнув файл. Он должен открыться в вашем браузере по умолчанию.

Я не видел этого, когда открываю свои файлы «file: ///», вместо этого я вижу диск «C: /» следующим образом.

источник

2016-11-28 05:31:50 vssadineni

Извините, я забыл упомянуть что я использую Mac OS ... Двойной щелчок по файлу в «Finder» открывает ссылку в моем браузере по умолчанию (т. е. Chrome), а svg не отображается. – SoftTimur

Сделайте страницу html или xhtml с svg, отображаемым на местном языке

ответ

Смежные вопросы