0

私は Raphael を初めて使用するので、アプリの設計方法についていくつかの基本的な質問をしたいと思います。

ビジュアル グラフィカル エディターでモデルを描画し、ファイルに保存する必要があります (スクリーンと呼びます)。実行時に、これらの画面をロードし、Ajax を使用してサーバー データからアニメーション化する必要があります。

SVG を使用すると、次の単純なコマンドを使用してデータをロードできます。

<object id="svgobject" type="image/svg+xml" data=".\svg\svgfilename.svg"></object>

また、SVG では、いくつかのグラフィカルなビジュアル エディターを使用できます。画面を作成するために必要なのはそれだけです。要素IDを取得し、サーバーデータを取得するためのajax呼び出しに基づいて実行時にそれらの属性を変更するJavaScriptコードの残りの場合。

SVG は古いブラウザーではサポートされていないため、Raphael を使用するのが自然な選択ですが、Raphael スクリプト言語をサポートするビジュアル グラフィック エディターがあるかどうか、実行時にこれらのスクリプトを保存/ロードする方法がわかりません。

では、モデルを視覚的に編集し、それらをファイルに保存し、Raphael を使用してリアルタイムでロードするための最良のアプローチは何でしょうか?

4

3 に答える 3

1

https://github.com/wout/raphael-svg-importまたはhttps://github.com/jspies/raphael.serialize https://github.com/crccheck/raphael-svg-importのようなプラグインを使用できます-おそらくあなたが始めるためのクラシック。グループとラファエルに対処するには、追加の作業が必要になる場合があると思います。

明確にするために編集してください。他のコメントからは、グラフィックエディターのラファエルモードが何を意味するのかわかりません。グラフィックをストレート SVG としてインポートすることができます。Raphael スクリプトをサポートする必要がある理由がわかりません。

于 2013-10-11T22:11:22.853 に答える
0

これVectorEditorJSはあなたにとって良い出発点ですeditor.js。独自の機能を構築または再構築するために調べてください。Here'sデモ。

編集

デモには、ベクトルを svg として保存するためのSVGEditコードがあります。コードを調べることができます。

于 2013-10-10T11:41:52.640 に答える