問題タブ [raphael]

マウスダウンが線の始点を開始し、マウスムーブが始点を移動せずに終点を移動し、マウスアップがそのままになるラファエルで接続線を描くにはどうすればよいですか?

SVGパスの実験を簡素化するために何かを書こうとしていますが、svgコードが更新されたことを確認できるときに実際に画面が更新されないという問題があります。基本的なワークフローは次のとおりです。入力ボックス (パス文字列) に何かを入力し、[描画] をクリックすると、キャンバスがクリアされ、入力されたパス文字列に従って形状が描画されます。

さらにテストした後、ベータクロムのバグのように見えることに気付きました。次のコードは、Firefox で正常に動作するようです。誰かが何か洞察を持っているなら、それは大歓迎です！

Javascript:

HTML:

誰か提案があれば、それは大歓迎です！

ジェイソン

楽しいプロジェクトとして、いくつかの新しい html 機能を学習するための簡単なフローチャート アプリを作成するつもりですが、これが canvas と SVG のどちらに適しているか (およびどのライブラリを使用するべきか) はわかりません。

基本的にすべてが線に接続された形状であるため (私にはベクトル グラフィックのように聞こえます)、ここでは SVG の方が適していると思いますが、そうでない場合は理由を教えてください。

ライブラリに関しては、Raphael と Jquery の SVG ライブラリの議論をここで読みましたが、これは 1 年半前に行われました。これらのライブラリの現在の状態、または成熟した新しいライブラリについてどう思いますか?

Raphaelで画像マップを作成しました。画像マップのパスの1つ（以下の例ではpath10）がクリックされたときに、jQueryを使用してRaphaelキャンバスを含むdivをフェードアウトさせたいです。以下のコードは機能しませんが、私は正しい方向に進んでいますか？

SVG 要素 (path、rect、または circle) をドラッグ可能にして、サイズ変更ハンドルを付与できるようにしたいと考えています。

ただし、HTML DOM とは異なり、すべての要素が左上隅の x、y 座標と、コンテンツを囲むボックスの幅と高さを持っているわけではありません。これにより、一般的なサイズ変更またはドラッグ手順を作成するのが不便になります。

各パスまたは円を独自の svg オブジェクト内に描画して、遊ぶためのボックスを提供することは良い考えですか?

ドラッグ可能/サイズ変更可能は通常、SVG でどのように実装されていますか?

私はJavaScriptから値を取得する立場にあります。JavaScriptはRaphaeljsを使用して、表示とDB関連の作業のためにサーブレット/JSPページに送信します。親切に私を助けてください。

複数のクリック可能な要素の上にラベルを重ねる必要があります。要素の上にあるラベルから要素をクリックできるようにしたい。

これは可能ですか？もしそうなら、どうすればこれを達成できますか？

特定のテキストの周りに影を付けたり、テキストをよりアンチエイリアス処理したりしたいと思います。

たとえば、次のような単純なテキストを実行しているとします。

このサイズのテキストはやや分厚く、背景とうまく調和しません。ドロップ シャドウ効果を作成する方法はありますか (理想的にはアルファ チャネルを使用)。

だから私は Raphael JS を使ってアニメーション化しようとしています。

これが私が試したことです：

テキストは 200,200 のままです。これがうまくいかない理由について何か考えはありますか？

Webアプリにrapaeljsを使用しています。オブジェクトのドロップ可能な境界を設定したい。オブジェクトはドロップ可能な領域に移動できます。オブジェクトがドロップ可能領域に入ると、そのオブジェクトから抜け出す方法はありません。