svgがローカルに表示されたhtmlまたはxhtmlページを作成する

私はhtmlページにsvgを持っています。 Mac OSではウェブブラウザとしてChrome 54.0.2840.98 (64-bit)を使用しています。svgがローカルに表示されたhtmlまたはxhtmlページを作成する

svgはlocalhostでうまく表示されますが、ブラウザパスに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

ファイル全体を表示してください。それは

ファイルをアップロードしました。OPをご覧ください。 – SoftTimur

アップロードされたファイルは、D3スクリプトをローカルで使用できる場合に正常に動作します。すなわち、同じフォルダにd3ファイルを持ち、 ''を使用します。私はまた、それがクロスオリジンの問題を引き起こす可能性のある外部リソースをロードしているのを見ていません。 2つの矢印を持つ3つのドットを含むオブジェクトを見ることができます。そうでない場合は、コンソールログからエラーがありますか？ – Chainat

Chainatと私が（コメントで）発見したように、キーは外部d3を使用する場合は<script src="http://d3js.org/d3.v3.min.js"></script>（<script src="d3js.org/d3.v3.min.js"></script>以上）と書いてください。その後、<html xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />のないhtmlファイルでさえ...

出典

2016-11-30 17:25:24 SoftTimur

-1

まずは、
SVGのDoctypeはhtmlで開始しません。
SVGのDOCTYPEはここ

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

である "文書型の" [https://www.w3.org/QA/2002/04/valid-dtd-list.html][1]ためのリンクです。

フォルダからSVGファイルを開く、ウィンドウズエクスプローラの場合はファイルをダブルクリックするなど、別のテストを実行できますか？デフォルトのWebブラウザで開きます。

私はファイル "file：///"を開いたときにこれを見たことがなく、代わりにドライブ "C：/"のように見えます。

出典

2016-11-28 05:31:50 vssadineni

申し訳ありませんが、 Mac OSを使用しています... Finderでファイルをダブルクリックすると、デフォルトのウェブブラウザ（Chrome）でリンクが開き、svgは表示されません。 – SoftTimur

svgがローカルに表示されたhtmlまたはxhtmlページを作成する

答えて

関連する問題