問題タブ [vector-graphics]

私が取り組んでいる Web サイトにインタラクティブな (DOM リスナーなどとのアタッチとイベント処理) ベクトル グラフィックを表示する必要があります。SVG には W3C の推奨事項がありますが、この形式は Internet Explorer のサポートではまだ認識されていません (公開 Web サイトの場合)。IE は VML を処理しますが、ブラウザー (SVG と VML) に応じてキャンバスのような描画を行う JavaScript ライブラリーもあります - excanvas、Dojo Toolkit の GFX など。指定されたマークアップから SVG 画像を表示できるものはありませんが、それは素晴らしく、許容できます。

したがって、質問は実際にはいくつかの部分で構成されています。

1. 特定のマークアップ (必須の SVG ではない) からベクター グラフィックスを表示し、DOM イベントにアタッチする可用性を提供するクロスブラウザー Javascript ライブラリはありますか?
2. 存在しない場合、そのようなタスクを実行するのに最も適した最も人気のあるブラウザ組み込みテクノロジはどれですか? Flex/Flash、Java アプレットから選択できます。Windows ロックインのため、Silverlight はオプションではありません。

[編集]コメント/提案をありがとうございます。以下は、この問題に関する私のランダムなメモ/結論です。

• 私が必要とする対話性のレベルは、表示されているベクター画像で DOM イベント (マウスオーバー、マウスアウト、クリックなど) を検出する機能と、背景色の変更、ダイアログの表示などのそれらに反応する機能です。
• SVG 形式に固執するという考えは、最も人気のある IE を除く多くのブラウザーでネイティブであるため、非常に適切です。動的 SVG の表示をいくつか試した結果、IE バージョン 7 が最も問題があることがわかりました。ブラウザの非互換性のため、面倒が多すぎます。
• Cake は素晴らしい Javascript フレームワークのようですが、IE7 でサンプルを動作させることはできませんでした。
• Java アプレット - 高品質の SVG レンダラーである Apache Batik ライブラリを使用できると思っていたので、このアイデアが最も気に入りました。しかし、Batik は非常に大きなライブラリであり、数メガバイトのアプレットを展開する余裕はありません。
• Flexオプションを使い続けることにしました。素敵なベクター グラフィックス ライブラリDegrafaを見つけました。独自のマークアップ形式を使用しますが、SVG パス表記を認識します。そのため、私の場合、SVG を XSLT を使用して変換するか、解析するだけで簡単に変換できます。

[編集 2 ] さらにいくつかのコメントが表示されました。「Windows ロックイン」とは、Silverlight が Windows、より具体的には IE で通常実行される状況を意味することを明確にしたいと思います。他のシステムで受け入れられているソリューション (たとえば、Flash や Java アプレットなど) であるとは思えません。はい、どのシステムでも Silverlight アプリを起動できることに疑いの余地はありませんが、平均的なユーザーにとっては手間がかかりすぎるのではないかと心配しています。

@Akira: IE7 の「SVG レンダラー」で何か問題がありましたか? 常に Javascript エラーがスローされます。

マウス ポイントの配列、ストローク幅、および柔らかさがあります。柔らかな円や柔らかな線が描けます。ポイントの配列を描画するには、どのアルゴリズムを使用すればよいですか? 端点だけでなく、交差した線も見栄えがするようにしたい。

空間内の任意のポイントのシーケンスが与えられた場合、それらの間でスムーズな連続補間をどのように生成しますか？

2Dおよび3Dソリューションは大歓迎です。任意の粒度でポイントのリストを生成するソリューション、およびベジェ曲線の制御ポイントを生成するソリューションも高く評価されています。

また、ポイントを受け取ったときに曲線の初期セクションを近似できる反復解を見ると、それを使って描画できるので便利です。

SVG を php/mysql (およびおそらく php-gtk) で実装する方法を学ぶためのリソースはありますか? ドラッグ アンド ドロップの事前定義された要素 (木/茂みなど) と定義可能な植栽領域 (円/正方形) を使用して、トップダウンのガーデン デザイナーを作成することを考えています。庭師は、特定の地域で植栽がどの程度うまくいったかを経時的に追跡できます。

私は本当にフラッシュに入りたくない...

当社のグラフィック担当者は Adob​​e Illustrator を使用しており、WPF アプリケーション内で彼女の画像をパスとして使用したいと考えています。これを行う方法はありますか？

曲線の可能性があるパスに沿って繰り返される画像またはベクトル形状を描画するための描画ライブラリまたはコード例を探しています。

http://apptree.net/drawkitmain.htmを探しているが.NET用のココアライブラリを見つけました。

ベクターベースの 3D エディター (技術的な図面のようにカスタマイズされた UI) を作成しました。ベクトル/描画データをポータブル形式で保存したいと思います。利用可能な形式; それらのどれ (1 つ?) が最も広く受け入れられており、どこでフォーマット仕様を入手できますか?

大量のラスター画像をベクター グラフィックスにバッチ変換しようとしている場合、それをうまく行うツールはありますか?

例として、標準的な形状 (楕円、四角形) とテキストを含むほぼすべての図を考えてみてください。

私は小さなLCD画面（1 "x 1"未満）に書き込むソフトウェアを開発しています。

線、塗りつぶされたポリゴン、フォントなど、通常の容疑者はすべています。

しかし、私は何ヶ月も前に線形代数で楽しいベクトル操作を行う方法を学び、回転するワイヤーフレームオブジェクトを作成したことを覚えています。

もう一度やりたいのですが、Cには、実装をスキップしてすぐに目が離せないように、すべての面倒な作業を行う、迅速で汚いチュートリアルや単純なベクターライブラリが必要だと考えました。

ポインタはありますか？

-アダム

Web ページで SVG の実験を始めたところですが、予想とは<object />異なり、タグを使用してのみ SVG 画像を HTML に追加できることがわかりました。<img />グラフィックはコンテンツではなくサイトのプレゼンテーションの一部であるため、ほとんどの場合、CSS を使用して Web ページにグラフィックを追加します。

CSSをSVGに適用できることは知っていますが、純粋に CSS を使用して HTML 要素にベクター画像を追加することは可能ですか?