• 締切済み

Inkspace の SVG

Inkspace の SVGファイルを IE9 に表示させても 文字がありません。 文字のあるはずの場所が、白もしくは黒の四角になっています。 図形は正しく表示されます。 Open office draw で吐き出した SVG ファイルも同じで 文字が表示されません。 何か対処法はありませんか。 よろしくお願いします。

みんなの回答

  • utakataXEX
  • ベストアンサー率69% (711/1018)
回答No.2

#1 です。 そもそも Firefox や Opera など、元々デフォルトで SVG を表示できるブラウザでは表示できているでしょうか？

  • utakataXEX
  • ベストアンサー率69% (711/1018)
回答No.1

残念ながらマイクロソフトが対応しない限り対処はできないと思います。 Firefox や Opera と較べると IEは（バージョンに限らず）、SVGへの対応は不完全です。 Opera＞Firefox＞IE と言う感じですかね。 その.svgをエディタで開いて、XMLソースの文字列（<text>タグ）の部分を確認してください。 とりあえず、余分な書式を全部外して <text x="999.999" y="999.999">文字列</text> くらいに単純化しても表示できないでしょうか？ もし、上記でかすりもしないのであれば、Inkspace や Open office draw はおろか、イラレで吐いたSVGであっても、IE9では、SVGの文字埋めは表示されないと思います。 書式を単純にすれば表示できるのであれば、少しずつ元の書式加えていくと、どこかのタイミングで「表示できなくなる」箇所があるはず。 そこで妥協するか、他の書式で代替する事を目指すか、のどちらかになるかと。 でなければ、マイクロソフトの対応待ちです。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. その他([技術者向] コンピューター)

関連するQ&A

  • open office draw の SVG

    ドローソフトの Open Office Draw　を用いています。 SVG出力してみたのですが、フォントがなくなっています。 IE9やInkspaceで見ても何も表示されません。 出力の方法が間違っているのでしょうか。 どなたか、ご教授ねがいます。

  • グーグルクロームでSVGファイルを開きたい

    クロームでSVGファイルをみれなくて困っています。 IEに「アドベSVGビューワ」をインストールして使用、を推奨しているサイトがあり、画像（図面）を見たりダウンロードしたりするようになっています。 以前はIE9を使っていたので問題はありませんでした。 クロームでアクセスして、サイトのメニューを開いても、英語で、ビューワを入れろ・・というようなメッセージが出るだけで画像が見れません。 ビューワ自体はダウンロードして、PCにインストールは正常にできています。 クロームの、拡張機能を表示しているページにビューワのEXEファイルをドラッグしてもうまくはいりませんでした。 その他の拡張機能のなかから探して、SVG～という名称のものを二つばかり入れてみましたがだめでした。 調べたら、最新版クロームは、SVGを標準でサポートしている、という情報を見つけましたが 何故か見れません。 （私の使用中のクロームは最新版と出ています） ためしに、IE9でアクセスすると、アドオンが利いてちゃんと見れます。 めったに必要ないものなので、その時だけIE使えばいいんですが、ちょっと面倒です。 何か根本的に勘違い、間違いをしているのでしょうか？ ご存じの方々、ご指導ください。

  • SVGをobjectタグで埋め込み・表示させる方法

    いつもお世話になっております。 HTMLにobjectタブを使いSVGファイルを埋め込み・表示させようとしていますが、 表示させることができません。 SVGファイル自体は正しく表示されます。 （ブラウザはIE9　Betaです） 過去にいくつか類似投稿がありましたの参考にしましたが、今一つ分かりません。 以下コードになりますが、記述が誤っている・足りない箇所がありましたら、ご指摘ください。 よろしくお願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"></meta> </head> <body> <div> <object width="200" height="40" data="sample.svg" type="image/svg+xml"> SVG表示失敗 </object> </div> </body> </html>

    • ベストアンサー
    • HTML
  • Libre Office Drawで図形

    宜しくお願い致します 　Libre Office4.2 Draw　で質問です A4に基本シェイプで8個四角を描き、一つ選択して「ファイルから」でサイズ1024×7687位の写真を読み込みますがMicrsoft Wordならば写真全体を表示できますがDrawですと四角の中にトリミングされたように全体が表示出来ませんが表示出来るような設定が何かあるでしょうか。 　 　尚、Writer,Calcも四角に写真を取り込むときに此方は大きく取りこまれるので四角に収まるように角を移動させていますが、 Drawで出来る方法があれば此方も同じ方法で出来るでしょうか。

  • 図形の作成

    クラブチームを作りました。そのチームロゴを作成したいと思っています。 今後の活動の中で、WordやExcleで色々とファイルを作成しようと思っていますが フリーソフトからダウンロードしたフォントを使用したために、相手のパソコンへ送信した場合に 同じ文字が表示されません(泣) オートシェイプで図形を挿入すればよいのでしょうか？ もし可能なれば、図形としてロゴの作成方法を教えて頂けないでしょうか？ オートシェイプの四角の中に文字を入れて、下地→黒　文字→白　での作成予定です。 （パソコンはXPをWordやExcleは2003を使用しています）

  • 外部SVGファイルを指定時のJavaScript

    外部SVGファイルを指定している場合のJavaScriptの書き方 はじめまして。SVGを勉強中のとりがらと申します。 以下のような構成でHTML・SVGを作成しています。 （添付した図の通りです） 　　【XXX.html】 　　・embedタグでroot.svgを埋め込み。 　　【root.svg】 　　・ellipseオブジェクト 　　・useタグのchild.svgオブジェクト1 　　・useタグのchild.svgオブジェクト2 　　【child.svg】 　　・circleオブジェクト 　　・rectオブジェクト このような場合、XXX.htmlに記述したJavaScriptにて、 『root.svg』内『useタグのchildオブジェクト1』の『rectオブジェクト』の色 を変えたいと考えております。 そこで、XXX.htmlに下記のようなJavaScriptを書いたのですが、 child.svg内の四角の要素を取得する時点で、エラーが発生してしまいました。 > svgSub2.getElementById is not a function このような場合、どのようにJavaScriptを書けばよいのでしょうか？ SVGの記述の方がおかしいのでしょうか？ どなたか解決策のご教示の程、よろしくお願いいたします。 +============================== + 環境 +------------------------------ ・WindowsXP ・Firefox 19.0 +============================== + 呼び出しhtml +------------------------------ <!DOCTYPE HTML> <html> <head> 　　<script language="javascript" type="text/javascript"> 　　　　function OnButtonClick(){ 　　　　　　<!-- Root.svg内の楕円の色変更(OK) --> 　　　　　　var svgdocMain = document.getElementById("idRoot").getSVGDocument(); 　　　　　　var svgMainDaen = svgdocMain.getElementById("idRootObj0"); 　　　　　　svgMainDaen.setAttribute("fill", "#00FFFF"); 　　　　　　<!-- Child.svgオブジェクト1を非表示(OK) --> 　　　　　　var svgSub1 = svgdocMain.getElementById("idRootObj1"); 　　　　　　svgSub1.setAttribute("display", "none"); 　　　　　　<!-- Child.svgオブジェクト2内の四角の色変更(NG) --> 　　　　　　var svgSub2 = svgdocMain.getElementById("idRootObj2"); 　　　　　　var svgSubRect = svgSub2.getElementById("idChildObj1");　<!--←エラー発生--> 　　　　　 svgSubRect.setAttribute("fill", "#FFFFCC"); 　　　　} 　　</script> </head> <body> 　　<form><input type="button" value="テスト" onclick="OnButtonClick();"/></form> 　　<embed id="idRoot" type="image/svg+xml" src="root.svg" /> </body> </html> +============================== + root.svg +------------------------------ <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" 　　y="0px" width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve" 　　id="svg_root" > 　　<!-- 1.ROOT楕円 --> 　　<ellipse fill="#00FF00" cx="20" cy="40" rx="15" ry="25" id="idRootObj0"> 　　</ellipse> 　　<!-- 2.Child.svg1 --> 　　<use xlink:href="child.svg#svg_child_g" x="0" y="100" id="idRootObj1" /> 　　<!-- 3.Child.svg2 --> 　　<use xlink:href="child.svg#svg_child_g" x="0" y="200" id="idRootObj2" /> </svg> +============================== + child.svg +------------------------------ <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" 　　height="200px" viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve" 　　id="svg_child"> 　　<g id="svg_child_g"> 　　　　<!-- 1.CHILD四角 --> 　　　　<rect fill="#FF00FF" x="50" y="50" width="40" height="40" id="idChildObj1"> 　　　　</rect> 　　　　<!-- 2.CHILD円 --> 　　　　<circle fill="#00FF00" cx="50" cy="100" r="26.5" id="idChildObj2"> 　　　　</circle> 　　</g> </svg>

    • ベストアンサー
    • HTML
  • エクセル2013 図形の書式について

    エクセル2013で、図形の中に文字を入力して使用することが良くあります。 図形の初期設定？では、枠線が青、塗りつぶしが水色、文字の色が白、フォントは忘れました となっているようなのですが、 図形の初期設定を変更する方法はありませんか？ 枠線を黒、塗りつぶしが白、文字の色が黒、フォントをMS明朝にしたいです。 ファイルを新規で作成するたびに、テーマを変更するのではなく、ファイルを 新規で作成しても、最初から自分の好みの状態の図形を使えるようにする方法 を教えてください。

  • 黒地に白の縦文字だけを表示する方法

    ホームページビルダー11です。黒っぽい背景画像の上に縦文字を挿入して文字だけ（白色の）を表示させたい（canvasの四角は表示しない）のですが、文字色が「黒」は文字だけの表示ができるんですが、白にするとcanvasはクリックして存在がわかるのですが、文字が見えません。 どなたか教えてください。

  • オープンオフィスの図形について

    オープンオフィスの図形内の文字を、Wordと同じように、図形の回転をさせると回転しないようにはできませんか。

  • オフィスソフトの図形の初期設定の色について

    エクセルやopen officeのオートシェイプや図形描画の図形は最初から水色などの色がついていますが、設定を変えてはじめから白や透明（塗りつぶしなし）にできないでしょうか？ 似たような質問があったのは見たのですが、「オートシェイプの規定値に設定する」を選んでも、そのファイルでしか働かず、また新たなファイルでは作動しません。やはり、「オブジェクトの規定値に設定する」にチェックを入れてオブジェクトの書式設定から変更したファイルを一つ作って、それを開いて新たなファイルを別の名前で保存するのがいいのでしょうか？ ご存知の方、特にオープンオフィスでのやり方を知っている方、ぜひご教授ください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する