問題タブ [vector-graphics]

線とテキストを使用して、動的な Web ページの背景生成を試しています。

http://74er.net/labs/lines.htmlで私のデモを見てください(黄色い線に注目してください)。

<span>これは、1 X 1 のサイズで黄色の背景に ellispe 式に基づいた X、Y 位置を持つ要素を文字通り作成する、不十分で非効率的な方法です。

私の要件は、行の作成がかなり単純 (または単純) であることです。

• サーバースクリプトによって生成された動的画像ではなく、クライアント側で作成する必要があります
• 単純な式 (円、楕円、または単なる直線) に基づいて作成できます
• DOM要素に含めることができます（たとえば、背景としてレイヤーできるようにDIV）
• HTML5 キャンバス テクニックなし (単純に、HTML5 に準拠していないブラウザーでレンダリングする必要があるため)
• 私の現在の実装のようにブラウザに負担をかけすぎない

次の必要はありません。

• 非常に滑らかな曲線 (ただし、それは歓迎されます)
• 点線/破線 (可能であれば、それも好きです)

上記に基づいて、SVG（ Raphaëlを使用）が進むべき道であるとほぼ確信していますが、一部のブラウザーでネイティブSVGサポートが不足しているため、私は先延ばしにしています。

私はWalter Zorns ライブラリを見てきましたが、いくつかの優れたパフォーマンス チューニング アルゴリズムが組み込まれています。したがって、より創造的な実装が見つからない場合は、それが私の選択になります。

さらに説明が必要な場合はお知らせください。

私は Vector Magic を使用するように変換image.pngしimage.svg、次に svg2xaml を使用して image.xaml に変換しました。これによると、これは Visual Studio で動作するはずです。

image.xaml をプロジェクトに追加し、そのビルド パスをリソースに設定した後、次の行を XAML ファイルに追加します。

ここのチュートリアルによると。しかし、私は"Error 1 StaticResource reference 'image' was not found."エラーが発生しています。

このMSDNページでは、以前の「宣言」を追加しないとエラーになることが示されていますが、プロジェクト内のリソースを既にリンクしている場合、それはすでに処理されていますか? また、「宣言」にどのタイプを含める必要があるのか​​ もわかりません。

そうでなければ、自分が何を間違っているのかわかりません。

記載されているIsCheckedに従って画像コンテンツを設定するControlTemplatesを使用して、これらのToggleButtonを実装しました。画像はPhotoshopで作成されていますが、WPFベクトルとして使用したいと思います。

IsChecked = Falseの場合、ボタンは次のようになります。

そして、IsChecked = Trueの場合、画像を別のPNGに置き換えるだけです。

フォトショップでボタンの画像をデザインしました。次の画像レイヤーがあります。

• 半透明の形状（エッジボタン用の2つの丸い角を持つ正方形）
• 分割線の半透明線
• アイコン
• 文章
• ガラス反射効果の半透明のグラデーション

これは最も柔軟なデザインではなく、同じボタンをベクトル形式で使用したいのですが、その方法がわかりません。

ボタンの1つからのxamlは次のとおりです（ボタンの実装方法に関する他の代替案も自由に提案してください）：

弾丸がどの方向にも飛べるゲームを作ろうとしています。私はそれらを方向と大きさのあるベクトルにして、それらを方向に向かわせるようにしたいと思います。これを実装する方法がわかりませんか？

ありがとう

私は DxScene と VxScene で遊んでいます: http://www.ksdev.com/dxscene/index.html

非常に素晴らしく強力に見えます: 3D アクセラレーション ベクター グラフィックス、クロス プラットフォーム、優れた効果、多くの 2D GUI コントロール (ベクター ベース)、優れたスケーリング、透明度、回転 (x、y、z)、3D モデルなど。 、CPU は非常に低いままです (0%)! http://www.ksdev.com/dxscene/snapshot/screen0.jpeg

しかし、それは Delphi の優れた WPF 代替と見なすことができますか?

通常の Delphi VCL の代わりに使用する人はいますか?

ブラウザアプリケーション用の簡単な数学グラフを作成します。したがって、すべてのJS-Vectorライブラリがうまく機能する可能性があります。しかし、私はあなたがそれらを使って集めた経験について知りたいです。私にとっての基本的な機能は、イベントをパスとポイントにバインドすることと、パスをアニメーション化することです。

さらに、彼らがどのように未来をマスターしているのかを考えています。図面を画像としてエクスポートしたり、SVGグラフィックをインポートしたりすることを想像できます。誰かがすでにそのようなケースを経験しましたか？iPhoneなどのモバイルハードウェアで実行するのはどうですか？

ツールチェーンの一部としてSVGフィルターを使用することを検討しており、SVGをサポートできるブラウザーに提供し、事前にレンダリングされたPNGを他のブラウザーに提供します。

私たちが気付いた問題の1つは、フィルターチェーンのレンダリングがレンダラー間で非常に一貫していないように見えることです。SVG仕様の「filters01」の例を見ると、試したツールによってレンダリングが大きく異なります。Chrome（5.0.307.11）は画像のレンダリングに失敗しましたが、他のツール（Firefox 3.6、Opera 10.10、Inkscape 0.47、GIMP 2.6.7）は、仕様の画像と漠然と似たスタイルの画像をレンダリングしますが、実際に同じものは2つありません。 。

それは仕様不足の問題ですか、それともツールがそこにないだけですか？フィルター効果でSVGを使用する場合：仕様で意図されている方法でレンダリングを行うことができる参照ツールはありますか？

2 本の平行線を引くための点を計算するにはどうすればよいですか。

平行線の中心の始点と終点がわかります。物事を少し難しくするために、直線とベジエ曲線をサポートする必要があります。

ベジェ曲線のパスを作成しましたが、パスを描画するのに問題なく機能します。しかし、パスと一緒にコントロールポイントを描画する方法がわかりません。それは可能ですか、それとも別のデータ構造でそれらを追跡する必要がありますか？

更新：コントロールポイントを描画する理由は、ユーザーがコントロールポイントのハンドルを使用して曲線を編集できるようにするためです。

私はパスを作成しています：

そしてそれを描く：

trashgodが提案したように、 PathIteratorでテストしましたが、ユーザーがコントロールポイントを編集できるようにする場合、その方法で曲線を管理するのは困難です。