18

私はstackoverflowに似たウェブサイトを開発することを検討していますが、答えは図面（この場合は回路図）で構成されている場合もあります。回答フォームに、特別なプラグインなどを必要とせずにこの回路図を作成できる領域が必要です。

  1. Are we to the point where SVG has or should have critical mass soon (1-2 years) such that designing a website where script-run SVG as a primary feature is reasonable (ie, requiring Firefox or another SVG/AJAX compliant browser)?
  2. What are some good resources for learning cross platform SVG scripting (likely in javascript)?

-Adam Davis

4

5 に答える 5

9

Raphaelは、クロスブラウザーのベクター グラフィックスの問題に対する興味深い見方のように見えます。

于 2008-09-15T14:13:50.617 に答える
7

残念ながら、私には答えがありませんが、あなたが参照できるプロジェクトへの 3 つの指針があります。

1 つ目は、Sun LabsのDan Ingalls (そう、Dan Ingalls) によるLively Kernelです。SVG の上に JavaScript で Smalltalk Virtual World を実装したものです。より正確には、SVG を使用した Squeak Smalltalk の Morphic GUI フレームワークを JavaScript で実装したものであり、JavaScript で Squeak Smalltalk (の一部) を移植したものです。

または、あなたが Smalltalker ではなく、上記が意味をなさない場合: これは、CPU として JavaScript インタープリター、グラフィックス カードとして SVG、およびコンピューターとしてのブラウザーを備えた JavaScript で記述されたオペレーティング システムです。

JavaScript と SVG に関して言えば、これは極端な例です。また、Internet Explorer への実験的な移植もありますが、完全には Safari 3でしか機能せず、部分的に Firefox 3 でしか機能しません。

2 つ目のプロジェクトは、John Resig による Processing 可視化言語のProcessing.jsポートを JavaScript に移植したものです。<canvas>あなたが言及した問題のために、SVGの代わりに要素を使用しています。ただし、これは Firefox 3 でのみ機能します。

3 つ目は、Useless PicklesによるJavaScript によるリアルタイム 3Dです。JavaScript、DOM、CSSのみを使用し、 SVGや Flash などは使用しません。また、Internet Explorer 7 以降を含む、ほぼすべてのブラウザーに移植できます。2D を行うことは、これよりもさらに簡単なはずです。<canvas>

これら 3 つのプロジェクトの間で、何らかのインスピレーションを見つけることができるはずです。また、JavaScript と SVG、または JavaScript とグラフィックスの限界を押し上げようとして、何が機能し、何が機能しないかを教えてくれる人を見つけることもできます。

結論: クロスブラウザの SVG またはクロスブラウザを実行<canvas>することはほとんど不可能ですが、少し狂気のように、SVGを使用せず<canvas>にクロスブラウザのグラフィックスを実行することは可能です。

于 2008-08-28T22:00:41.160 に答える
3

SVGWebは、フラッシュを使用してIEにネイティブに近いSVG機能を追加するスクリプトです。他のすべての主要なブラウザはSVGをサポートしています。

http://code.google.com/p/svgweb/

于 2011-05-17T17:05:01.280 に答える
2

1/ おそらく決してありません。ただし、 SilverLightとGeckoを使用してレンダリングを提供する回避策があります。一方、クロスブラウザー グラフィックス API も利用できます。私は XULRunner と SVG を使用して大規模なフロント エンドを作成しましたが、IE に対応する必要のある Web はありませんでした。

2/ 私が最も頻繁に参照した 2 つは、mozilla.org の SVG ページと、このSVG DOM リファレンスです。私のSVGリンクはすべておいしいです

http://www.bpel4chor.org/editor/には既存のエディターが 1 つあります。また、すべてのアークがグリッド上にある回路図だけが必要な場合は、SVG を使用せずに div と画像を使用してそれをうまく行うことができます。または、単にローファイ ルートに進むこともできます

于 2008-08-28T21:29:08.397 に答える
2

言及された@jwmittag<canvas>はオプションです。

Saffari と Firefox 3、Opera 9 で動作し、人々は IE のサポートを開発しています。

現在のツールとプロパティに関連付けられたマウス クリックを簡単にキャプチャできます。ページ表示ごとにキャンバスを再描画します。

<canvas>特に OpenGL や Cairo の作業を行ったことがある場合は、シンプルで非常に強力な API を使用してプロジェクトを終了しました。

グッドラック、クールなプロジェクトのようですね。

于 2008-08-28T23:06:27.243 に答える