FirefoxのインラインSVG

私はこれでちょっと困惑しています。私は、JSライブラリのProtovisを使用してSVGの視覚化をレンダリングしています。これは、ChromeとFirefoxでうまく動作します。私はレンダリングしたSVGをサーバ上に保存し、PHP関数を使って "ギャラリー"ビューで再レンダリングしようとしますが、これはFirefoxでは失敗します。私が見ているのは、SVGのテキストですが、SVGのテキストはありません。 FirefoxのインラインSVG

私はそうのように、完全なSVGコンテンツを保存します。

<svg height="220" width="880" stroke-width="1.5" stroke="none" fill="none" font-family="sans-serif" font-size="10px"><g transform="translate(30, 10)"><line stroke-width="1"

私は<object>を使用してみましたが、しても、そのすべてが、それは見つけることができないプラグインをダウンロードするためのプロンプトFirefoxのです。

これはFF4ベータ版で動作しますが、Firefox 3.6でも機能しない理由はわかりません。これは私があきらめなければならないものですか？

おかげで再び（ "ギャラリー" をクリックしてください）

http://www.rioleo.org/protoviewer：あなたはここでデモを見ることができます！

出典

2010-12-12 Rio

あなたはheader（ "Content-type：image/svg + xml"）を試してみましたか？ – pastjean

それはページを見えないようにレンダリングしませんか？ – Rio

インラインSVGは2つのだけの状況で、Firefoxで動作します。

Firefoxが有効になって実験HTML5 parserを持っています（つまり、夜間に4.0を使用している）
解析対象のドキュメントはHTMLではなく、XHTML（Content-type: application/xhtml+xml）

<object data="foo.svg" type="image/svg+xml" width="400" height="300">

参照Damian Cugley's article 'SVG: object or embed?'：ロブによって提案

objectアプローチは限り別々のSVGファイルがContent-type: image/svg+xmlを使用して、サーバから来ているとあなたは正しい構文を使用すると、動作するはずです、またはSVGWebを使用してください。

出典

2010-12-14 15:16:52 robertc

ファイル内のコンテンツタイプのメタタグをxhtml + xmlに変更するとどうなりますか？ – Rio

@Rioメタタグとは何の関係もありません。コンテンツタイプは、Webサーバーから送信されたHTTPヘッダーにあります。これは、通常、pastjeanのコメントに従って、サーバー側のスクリプト言語から制御可能です。サーバーサイドスクリプティング言語を使用していない場合は、Webサーバーの設定を確認するか、ファイル拡張子を '.xhtml'に変更してみてください。 – robertc

オブジェクト要素と終了タグで正しい属性を使用していることを確認：

<object data="yourimage.svg"></object>

出典

2010-12-12 05:09:20 Rob

良い点、私は変更を加えたので、ChromeとFirefoxの両方でiFrameのように見えます（コードは見たい場合はまだ「ギャラリー」タブにあります）、最後のボックスです。 – Rio

@リオ - 私はこれについて信用できない？ – Rob

それはうまくいきません：D – Rio

This exampleは、explanationに役立つ場合があります。読み込み時のSVGレンダリングのサポートとMIME text/htmlは、ItsNatのサポートされている機能です。とにかく、this JS codeに触発されました。後者は、あなたのコンテキスト（PHP）で役に立ちます。

出典

2011-01-07 08:30:46 jmarranz

FirefoxのインラインSVG

答えて

関連する問題