htmlにsvgを埋め込んで使いたいと思っています。
使い方としては、
http://www.tenman.info/svg/mysample/test1/index. …
のように使ってみたいと思います。
svgを埋め込んだhtmlは、とても少ないように感じるのですが、
ブラウザや、環境などで、表示できないケースがあるのではないかと心配で、実行に移せません。
SVGを使う上での問題点.注意点を教えてください。
特に、「こんな場合は、表示できなくなる。」と言う点を知りたいです。
No.2ベストアンサー
- 回答日時:
「SVG側の問題点」ではなく,俺があまり好きではない「ブラウザ側の実装状況」とかそういう観点からになるけど。
こういう書き方(直接svg要素が登場するケース)は問題ないけど
Firefox系にとって,SVGはまだ、imageではなくobjectです。
https://bugzilla.mozilla.org/show_bug.cgi?id=231 …
なのでimg要素に指定したり,CSSのbackground-imageで指定したりしても反映されません。(SafariやOperaは可能です。可能ならグラデーション背景をもっと自然に書けそうなのになあ…。)
SVGのテキスト等は選択できません
https://bugzilla.mozilla.org/show_bug.cgi?id=292 …
#なお,確かXHTMLのimg要素のalt属性などによって表示されたテキスト,
:before疑似要素や:after疑似要素等にcontentプロパティなどで指定して生成した文字列も選択できません。
https://bugzilla.mozilla.org/show_bug.cgi?id=12460
#svg:foreignObject要素に指定されたXHTMLの文字列は選択できたような気がする。
#svg:g要素等のtranform属性にrotateを指定してXHTMLの要素を含んだsvg:foreginObject要素を回転させようとしたとき,Flash等、プラグインを利用してレンダリングするタイプのものは回転しなかったような気がする。
##関係ない話題も回答に含めてて,ポイント狙いとしては微妙な気がするけど関心ある話題ではあるので経験上わかっていることを書かせてもらった。
>SVGはまだ、imageではなくobject
そういう考え方した事がなかったです。ぐっっと来るいい表現だと思います
>SVGのテキスト等は選択できません
確かに、実際に、ドキュメント作って、やってみると、すごく違和感がありますね。
>関心ある話題ではあるので経験上わかっていることを書かせてもらった。
経験者ならではの回答ありがとうございます。とても興味深かったです。
No.3
- 回答日時:
環境 OS:Windows Vista
ブラウザ:IE7
実地検証例です。
◎まず
http://www.tenman.info/svg/mysample/test1/index. …
に行ってみました。
下記【図1】の通り文字化けで画像など見えません。
◎次に
http://www.tenman.info/svg/
に行ってみました。
下記【図2】の通り帳など見えません。
◎次にそのページに書いてある通り
> もちろんInternet ExplorerならAdobeSVGビューアを
> インストールしないと見えませんよ。
ということで,
http://www.adobe.com/jp/svg/viewer/install/
に行ってみました。
【図3】の通り Win 98 - XP 対応のようです。
-------
もちろんなんとかすれば,見えるようになると思いますよ。
私はこういうのをなんとかするのがかなり得意な方ですから。
しかし一般の方はこれ以上しようと思わないのではないかと思います。
つまり「変な見えないページ」で終わる可能性が大きいと思います。
スクリーンショットまで撮っていただいてありがとうございます。
とても解りやすいです。
>下記【図1】の通り文字化けで画像など見えません。
確かに、Shift_JISにエンコードされて、「いまどき、文字化けかよ。」と言うぐらい悲惨ですね。
IE7で見てみると私の環境では、UTF-8でエンコードされて正常に見えたのですが、text using referenced fontというsvg部分のレイアウトが崩れていることが解り、驚きました。
>下記【図2】の通り帳など見えません。
帳?蝶ですよね:)
>【図3】の通り Win 98 - XP 対応のようです。
そのプラグインが、すごく話題を呼んでいるとか、あの、文字化けのページをどうしてもみてみたいといった強い気持ちがないと、ダウンロードなんてしない。
Win 98 - XP 対応までなら、「やめておこう。」と思うのは当然かもしれません。
>つまり「変な見えないページ」で終わる可能性が大きいと思います。
直球ですね。わかりやすく教えてくれてありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 疑似要素で背景画像に指定したSVG画像の色変更 2 2023/01/30 22:45
- 画像編集・動画編集・音楽編集 inkscapeで作成した図の保存の仕方とその保存したファイルの編集の仕方 1 2022/09/22 09:33
- HTML・CSS htmlについて質問です コードを打ったあと画像が表示されないので調べる svg ファイルが写真のよ 1 2023/07/11 10:53
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- その他(ブログ) テレグラムをブログに埋め込むことはできますか? 1 2022/06/04 11:20
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- その他(パソコン・スマホ・電化製品) SVGフォントから、個別にSVGとして抽出する方法はありますか? 1 2022/12/09 14:48
- その他(OS) デスクトップにアイコンが出来ました。これは消しても良いですか? 2 2022/11/13 10:09
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
- JavaScript 読み込んだQRコードをフォームに受け渡したい 1 2023/05/18 11:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
head要素
-
wikipediaに記述されている関係...
-
XMLで要素が記述された順番に意...
-
SNMP リンクダウンとノードダ...
-
同じタグ名の項目取得
-
XML、XSLTの適応エラー(IEから...
-
CPUの考え方を教えてください ...
-
バッチファイルでテキストファ...
-
タグの有無の判定
-
XSLTにてタグ名を取得する方法
-
東芝のDynabookなのですがアン...
-
このエラー、何とかなりません...
-
要素の中にハイパーリンクを書く
-
xmlの出力をShift_JISで
-
ルート要素ノードが2個ある場合?
-
昔Winnyってありましたけど、あ...
-
C#でtreeviewの指定ノードを選...
-
順不同・任意のタグ
-
あるノードリストに、特定の名...
-
C言語のプログラムを教えてくだ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
大規模行列の計算
-
XML:連番要素の全ての子要素にx...
-
MFCでのタブコントロールに...
-
フロートってなに?
-
element of surprise
-
hana no namae osiete kudasai.
-
VB2005でXMLデータから複数ある...
-
svgをhtmlに埋め込んで使いたい
-
cssで外部ファイルを読み込む
-
動的にメモリを確保した配列の...
-
getElementsByNameの要素数が取...
-
Webページに関するさまざまな情...
-
Listからのnull要素を削除方法は?
-
ASP.NETでツリービューを作成し...
-
どうあがいてもIE6のエンコード...
-
HPビルダー2001で選んで流す。
-
2つの行動の違い
-
onClick 属性が適用できない
-
XMLはなぜ普及したのか?
-
XSLTの記述方法
おすすめ情報