問題タブ [vml]

複雑ではないインタラクティブな Web アプリケーションを作成したい。いくつかのピンボードがあり、ユーザーはこのピンボードに多くの単純なオブジェクトを作成できます (例: 多数の小さな円)。このユーザーができるようになった後:

• これらのオブジェクトを移動します
• それらのいくつかを削除するか、新しいものを作成します
• 複数の選択を行い、選択したグループの要素を移動/回転します
• 選択したグループのメンバーを特別な順序 (グリッド、線、円など) に配置する
• ピンボードの拡大/縮小

この目的には、Flash/Flex または JavaScript/SVG/VML を使用できると思います。Flash の欠点は、ユーザーがプラグインを持っている必要があることです。JS/SVG/VML の欠点は、Flash の場合のような強力な開発ツールがないことですが、( http://raphaeljs.com/のような) ライブラリを使用する場合、アプリケーションは Flash プラグインを必要としません。

この目的に適したツールを見つけています。では、おすすめを教えてください。前もって感謝します。

このコードに欠けているものを誰かが指摘できますか? 私ができる限りシンプルにしたにもかかわらず、ページは空白のままです。

コードはgarybeene.comから取得したもので、他の SO の質問で参考として提案されています。

私はRaphaelJSライブラリで遊んでいますが、それが非常にピクセル指向であることに気づきました。ビューポートに合わせて拡大縮小するものを描きたいのですが。キャンバスの座標系を0から1に再定義することは可能ですか？[0.5、0.5]を中心に円を描くと、コンテナのサイズが変わってもコンテナの中央に残りますか？

これはSVG/VMLの問題である可能性があります。これは、Raphaelにこれを行う方法がない場合でも、基になるsvg要素にいつでも直接アクセスできるためです。

次のコードは、リーフレット マップによって描画された svg パスを対象としています。ただし、IE <= 8 では、リーフレットは VML にフォールバックしてポリラインを描画します。このコードを VML と SVG の両方をターゲットにするにはどうすればよいですか?

以下は、リーフレットによって生成された VML の例です。

元のコードはjsfiddleにあります

クロスブラウザ ベクター アプリケーションを構築しようとしています。そのために、IE7 および IE8 の SVG の代わりに VML を使用しています。

VML グループ要素をローテーションする方法を見つけようとしていて、純粋な VML で動作していますが、RaphaelJS を組み込むとすぐに壊れます。

RaphaelJS で VML グループをローテーションする方法はありますか?

これは、動作中の VML のみのソリューションと壊れた Raphael ソリューションの両方を含む zip ファイルです: http://voostmedia.com/vml_testing.zip

IE 8 を使用して、JavaScript を使用して 2 つの VML 楕円 (A、B) をページに追加しようとしています。親DIVに追加された楕円はレンダリングされますが、2番目はレンダリングされません。

appendChild(A) の次に appendChild(B) を実行すると、楕円 A がレンダリングされ、B はレンダリングされません。appendChild(B) の次に appendChild(A) を実行すると、楕円 B がレンダリングされ、A はレンダリングされません。

VML を追加するためのトリックがありませんか?

IE 9 で試してみましたが、結果は同じでした。

社内規定によりIEのみサポートしており、IE8を使用しているユーザーも多いため、現時点ではHTML5 Canvasに切り替えることができません。

提案をありがとう

SVG で記述されたファイルがあります。ユーザーのブラウザが IE8 であることを検出した場合、JavaScript コードで SVG を VML に変換できるようにしたいのですが、可能ですか? どうもありがとう！

私はさまざまなことを試しています: http://jvectormap.owl-hollow.net

私は、さまざまな国の中心を取得することに非常に興味があります (その国に小さなマーカーを配置できます)。

しかし、私はそれに苦労していて、パスの周囲のボックスを取得してから中心を取得するなど、いくつかのことを試しました。

しかし、特定の国のいくつかの形状のために、それは一種の失敗です. たとえば、サラウンド ボックスの中央がカナダにあるアメリカ。

誰でも私を助けることができますか？

たとえば、次のようなことをしたいと思います。

パスを赤色で塗りつぶします。これは、VML 要素の塗りと線の属性の色と不透明度で可能ですか? もしそうなら、どのように？

私はキャンバスとエクスキャンバスをいじって、IEでいくつかのテキスト効果をうまく機能させようとしました(シャドウフィルターが恐ろしくレンダリングされるため)。ウェブフォント）。

キャンバスをレンダリングする前に、フォントがロードされてレンダリングされていることを確認しています (測定を行うことにより) が、IE は @font-face で定義されたものではなく、フォールバック フォントを使用しています。IE でキャンバスをレンダリングしようとする前に、フォントが読み込まれてから 4 秒という大幅な遅延を追加しようとさえしました。