問題タブ [raphael]

Raphael を使用していくつかの図形を作成しましたが、今度はそれらにテキストを入れたいと思いました。しかし、例から、テキストノードは紙にしか接続できず、svg 形状には接続できないように見えますか?

内部に異なるテキストを含む複数の図形を作成することはできますか?

私が使用していた例は次のとおりです。

http://raphaeljs.com/を使用して、ページのキャンバス要素にベクター グラフィックを描画しています。

私が実行している別の Web サイトでイベントが発生すると、ページ上のグラフィックをリアルタイムで更新したいと考えています。

たとえば、誰かが他のサイトで検索機能を使用している場合、これを自分のキャンバスに表示したいと考えています。一種のイベント視覚化演習です。さまざまなイベントによって、キャンバス上にさまざまなビジュアルが作成されます。

私の問題は、アプリケーションをどのように構成するかです。私が知る限り、2つの方法があります

1. イベントをデータベースのどこかに保持し、キャンバス アプリケーションで ajax リクエストを使用してクエリを実行し、それらをページに追加します。(このプルが見えます)

2. 着信要求をリッスンしているキャンバス アプリケーションに何らかの方法でイベントにデータを送信させます (これは PUSH と見なされます)。

データベースへの保存を開始してから、キューの消費を処理する必要がないため、オプション 2 を使用したいと思います。何かが起こったときにキャンバスに送信する方が良いと思います。

これについて誰かアドバイスはありますか?JSで着信リクエストをリッスンするにはどうすればよいですか? これは可能ですか？

私は、iPhone でうまく動作する必要があるraphaelを使用して、アニメーション化されたインタラクティブなグラフに取り組んでいます。苦労している 2 つの小さなレンダリングの問題があります。

1 つ目は、クリック ハンドラーがアタッチされている svg 要素をクリックすると、モバイル サファリはその周りに透明な灰色のボックスを描画して、何がクリックされたかを示します。ハイパーリンクをクリックしたときと同じです。この状況では、灰色のボックスは非常に醜いです。モバイルサファリにそうしないように指示するcssプロパティはありますか?

2 つ目の問題は、アニメーションに関するものです。アニメーションの継続時間中、モバイル サファリは svg キャンバスに醜い黒い境界線を追加します。アニメーションの進行中にのみ表示され、キャンバスの下端と右端にのみ表示されます。これを修正する方法はありますか？

これは、Raphael のページにあるデモの 1 つをコピー & ペーストして撮影したもので、背景は白です。

このブログ投稿によると、Netbeans は Javascript 型推論をサポートするはずです。また、Javascript のサポートは、Netbeans エディタに組み込まれている必要があります。ただし、単純な Java プロジェクトに HTML ファイルを追加し、それを使用してRaphael JavaScript ライブラリを含める<script src="..."/>と、Netbeans がライブラリを認識しないようです。Raphaelウィンドウオブジェクトの新しい機能を検出するなど、非常に単純な補完でさえ機能しません。

例えば：

Raphael Javascriptライブラリを使用して簡単なゲームを書きたいのですが、1つの質問が頭に残っています。

キーボード入力をどのように処理しますか？参考資料を調べましたが、これへの参照は見つかりませんでした。標準のJavaScriptキープレスメソッドを単純に渡すことができますか？

Raphaelを使用して小さなゲームを作成しようとしていますが、作業中のコードについて少しアドバイスが必要です。

これが私がこれまでに持っているもので、画面の周りで円を動かす簡単な例です。

さて、私が抱えている現在の問題は、右矢印キーが最初にクリックされたときにのみアニメーション化されるということです。'startx'がトレースデバッグでインクリメントされることを確認しました。

私はラファエルサークルの例から始めて、イチャートから少しマッシュポテトしたので、私の方法は最善ではないかもしれません...私はあなたの提案を楽しみにしています:)

私は、javascriptでSVGを処理するのに非常に便利なRaphaelJavascriptライブラリが本当に好きです。

しかし、私が理解していない生成されたsvgコードに追加されるオフセット値があります。誰かがそれがどこから来て、それを避ける方法を知っていますか？

これが私のJSコードです：

生成されたSVGコードは

rectのx属性とy属性が0ではなく0.5であるのはなぜですか？

更新：値は以下のコードで丸められているようです：

誰かがその理由を知っていますか？

私はラファエリスの円グラフを描こうとしていました。「 http://g.raphaeljs.com/piechart2.html 」に示されているのと同じ例を使用しました。テキストは表示されますが、円グラフが表示されません。誰か助けてください。

以下のコードを見つけてください。

svgファイルのポリゴンにラベルを描画しようとしています。私が直面している問題は、パスの座標がsvg形式であり、解析する必要があるため、ラベルを配置するためにこのポリゴンのほぼ中央を見つけることです。svgポリゴンの中心を決定する簡単な方法はありますか（誰かがjavascriptライブラリまたはスニペットを指摘できるかもしれません）？Raphael javascriptライブラリを使用してsvgを操作していますが、標準のsvg機能を超えていないようです。

私は Raphael を初めて使用し、本当に行き詰まっています。ボタンを使用して、Raphael で div とその内容を回転させたいと思います。

理想的には、ボタンがクリックされたときに 0 度から -90 度に移動し、ボタンが再度クリックされるとアニメーションが反転する滑らかなアニメーションが必要です。両方のアニメーションで同じボタンを使用できるように、マウス クリックで ID またはクラスを変更すると思います。それは賢明でしょうか？

私のサンドボックスはhttp://jsbin.com/isijo/にあり、http: //jsbin.com/isijo/editで編集できます。

助けてくれてありがとう。