問題タブ [vml]

次のコードがjavascriptにあり、クリックするとRaphaeljsセットを基本的に非表示または表示します。Google Chrome、FireFox、Safariでは完全に機能しますが、InternetExplorerではまったく機能しません。

誰かアイデアはありますか？http://raphaeljs.com/playground.htmlでカットアンドペーストを行い、スクリプトの最初の行を省略することでテストできます。[いいえ]をクリックすると、少なくともChromeではボックスが表示されますが、IEでは表示されません...

ありがとうございました！

SVG では、パスの塗りつぶしとして使用できるパターンを定義できます。私が意味することの例については、このリンクを確認できます: SVG パターンの例。残念ながら、古いバージョンの Internet Explorer では SVG を使用できないため、そこで VML を使用する必要があります。

生活を少し楽にするために、私は Raphaël JS を使用しています (より具体的には、Raphaël に基づく ExtJS 4.0 の draw パッケージを使用しています)。そのため、SVG と VML の違いについて心配する必要はありません。

ただし、Raphael JS にはパターンを定義して使用する方法が用意されていないため、手動で行う必要があります。SVG ではこれは大した問題ではありませんが、VML ではパターンを作成し、それをパスの (繰り返し) 背景として使用する方法を見つけることができません。

私が見つけた最も近いものは、ここ MSDN で説明されているように、パスの背景として画像を使用する機能です。問題は、繰り返しのベクター画像でパスを塗りつぶしたいので、拡大縮小しても見栄えが良いことです。

これを解決するための正しい方向に私を向ける助けがあれば、大歓迎です。

編集:私の投稿にアクセスした人へ: 上記の説明は不可能であるという結論に達しました。VML で可能な唯一のパターン化は、塗りつぶし要素を使用した画像のタイリングです。VML では、ベクトル形状で構成されたパターンは使用できません。

この投稿と非常によく似た問題があります。RaphaelJS を使用してグラフを生成していますが、より具体的には、私の場合は結果を印刷する必要があります。Inkscape のコマンド ライン ユーティリティ(優れています) を使用して、Raphael の SVG 出力をユーザーがダウンロードして印刷できる PNG ファイルに変換しました。

問題は、Firefox などでは動作しますが、Internet Explorer では動作しません。IE は SVG ではなく VML を使用するため、ユーザーが IE からアクセスしている場合、Inkscape はそれを変換しません。

私は IECapt を見てきましたが、それは仕事をうまくやったかもしれませんが、生成されたチャートは通常、画面の幅を超えており、1 つのファイルにすべてが必要なため、私のシナリオでは文字通りのスクリーンショットでは不十分です。また、ユーザーは URL を変更せずにノードなどをクリックしてチャートを変更できるため、私の場合、実際に IECapt を使用するには、チャートの状態を複製するために URL パラメーターが必要になります。

VML 形式からのこの変換について理解する必要があるだけで、このプロジェクトの足を拭くことができます。

リンク

• C# アプリケーションから直接Inkscape を使用する
• IECapt

Quirksmodeの流れで、Opera、Safari、Chrome、Firefox、Internet Explorer (Konqueror もいいでしょう) の各バージョンでサポートされている SVG/VML の部分をリストしたブラウザー互換性テーブルを見つけることに興味があります。

SVG の次の 2 つの互換性テーブルを見つけましたが、どちらも十分な詳細を提供していません。

• http://caniuse.com/#cats=SVG&statuses=rec
• http://www.codedread.com/svg-support.php

最初のリンクの情報は、 Firefox 3.0+ および Safari 3.0+ でアニメーションを完全にサポートすると主張するRaphaelのようなライブラリと衝突しているようですが、リンクは、アニメーション モジュールがこれら 2 つのブラウザの新しいバージョンまで実装されていないことを示唆しています。

2 番目のリンクは、SVG/VML のどの機能を使用して古いブラウザーとの互換性を確保できるかについて結論を出すことができるほど、さかのぼることができません。

言うまでもなく、私は際限なく混乱しています。

完全に明確にするために、SVG のどの部分がすべての一般的なブラウザーのさまざまなバージョンでサポートされているかを知りたいと思っています。IE は SVG をサポートしていないため、VML のどの部分が IE のさまざまなバージョンでサポートされているかを知りたいと思っています。

ライブラリの開発者がこの情報を見つけた場合、それは存在するはずですが、それは私を回避しているようです.

どんな助けでも大歓迎です。

ブラウザ サポートの問題 (IE6、IE7、および IE8 は VML のみをサポートします。IE9 は一部の SVG をサポートします。他の主要なブラウザは SVG をサポートします) と、SVG を支持する VML の非推奨を無視すると、SVG と VML はどのように似ていますか? 互換性がないことは理解していますが、どちらもベクター グラフィックスの作成に使用される XML 言語です。構文以外の主な違いは何ですか?

一部のデータを視覚的に表現するためにRaphaelJSを使用しています。基礎となるテクノロジーは SVG であるため、明らかに IE で常にうまく機能するとは限りませんが、ライブラリは有用なものをレンダリングするという比較的適切な仕事をしますが、見た目はかなり貧弱になる傾向があります。

いずれにせよ、この基本的な問題を回避できないようです。テキストは Chrome または FireFox では適切にレンダリングされますが、IE8 ではすべてが太字および斜体でレンダリングされます。

問題の動作を確認するには、RaphaelJS プレイグラウンドに移動し、次のコードを使用します

Chrome と IE での結果は次のとおりです。

これに対する回避策はありますか?

VML についていくつか読んでいますが、いくつか疑問があります。

Internet Explorer のどのバージョンが VML をサポートしていますか? IE9 は SVG を完全にサポートしていますか?

現在、VML は廃止されていますか? 正しい？

たとえば、道場のチャートは 7/8 で svg ではなく VML で表示されますか?

ありがとう

Raphaelを使用してベクターシェイプを作成し、背景画像で塗りつぶしています。

InternetExplorerでは画像がぼやけています。これは、次のURLでIE8を使用して確認できますhttps://justplay.thefa.com/

誰かがこれを修正する方法を知っていますか？

ありがとう

Raphael JS を使用しようとしていますが、jQuery セレクターが IE8 の Raphael JS で動作しないようです。

Chrome および Firefox では、次のように動作します。

しかし、Internet Explorer (SVG の代わりに VML を使用する IE8) では何も表示されません。

基本的に私がやろうとしているのは、各オブジェクトにクラスを与えることです。そのため、Jquery セレクターを使用して、特定のクラスを持つすべてのオブジェクトを一度に操作できます...

IEでも機能する、これを行う方法を知っている人はいますか?

外部CSSファイルを使用して、VMLオブジェクトの塗りつぶしや線の色などのプロパティのスタイルを設定することはできますか？ちなみに、私はRaphaelを使用してIE用のVMLシェイプを作成しています。

ありがとう