0

SVG ダイアグラムを描画するツールを探していて、同じものを Web ページに表示したいと考えています。

SVG ダイアグラムを作成するためのツールはたくさんありますが、各図形にいくつかのフィールドを追加するツールを探しています。

まず、私の要件を明確に説明します。任意の SVG ツールを使用して長方形を作成すると、rect 要素を持つ SVG 要素が作成されます。私の場合、「デバイス タイプ 1」と「デバイス タイプ 2」の 2 つのデバイスを区別したいと思います (Web アプリケーションで CSS を使用) ) しかし、それらの形状は長方形です。

そのため、描画ツールの四角形ごとにいくつかの追加情報を追加する必要があります。これにより、Javascript を使用してデバイスの種類を理解し、デバイスの種類に基づいて四角形ごとに異なる CSS を適用できます。

これを行う方法？この種の機能をサポートする描画ツールはありますか?

4

2 に答える 2

1

http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.htmlを使用して、後で JavaScript で参照する ID を定義できます。

于 2013-03-12T13:39:27.320 に答える
0

1 つのアプローチとして、Adobe Illustrator を使用して要素を設計し、Raphael JS を使用して要素を表示およびアニメーション化することができます。illustrator がベクター グラフィックスを描画する方法と SVG が描画する方法にはいくつかの違いがあるため、一般的なコンセンサスは、グラフィックスを比較的シンプルに保つことです。そこにはいくつかのガイドがありますが、これは特に良いようです：

http://snugug.com/musings/illustrator-raphael-js-guide

于 2013-03-12T13:27:44.207 に答える