問題タブ [raphael]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
17875 参照

javascript - Raphael でグラデーション オブジェクトを作成する方法

Raphael JS グラフィック ライブラリを使用しようとしていました。オブジェクトを受け入れる必要がある属性 gradient を使用したいと思います。ドキュメントには、SVG 仕様を参照するよう記載されています。たとえば、SVGでグラデーションオブジェクトを見つけました

しかし、どうすれば私のjavascript内からそれを参照できますか?

動作しません:)事前に感謝します

0 投票する
14 に答える
106783 参照

javascript - jQuery SVG と Raphael の比較

私は SVG と JavaScript/jQuery を使用してインタラクティブなインターフェイスに取り組んでおり、RaphaeljQuery SVGの間で決定しようとしています。知りたい

  1. 2つの間のトレードオフは何ですか
  2. 開発の勢いがあると思われる場所。

Raphael の VML/IE サポートも、jQuery SVG のプロット機能も必要ありません。私は主に、SVG キャンバス上で個々のアイテムを作成、アニメーション化、および操作するための最もエレガントな方法に関心があります。

0 投票する
4 に答える
2668 参照

javascript - イベントはFirefox/Chromeで機能しますが、IEでは失敗します

優れたJavaScriptライブラリRaphaelで使用するためにニュージーランドのSVGマップを作成しましたが、残念ながら、IEのJavaScriptインタープリターのバグまたは構文上のバリエーションであるとしか想像できないことに気づきました。

Firefoxやその他のブラウザでは、onlickイベントとonmouseoverイベントは完全に機能しますが、IEでは発生しません(IE 7でテスト済み)。残念ながら、これをデバッグするのに役立つjavascriptエラーはないため、IEがこれらのイベントを根本的に異なる方法で処理すると想定することしかできません。

どうもありがとう :)

0 投票する
5 に答える
14835 参照

javascript - Javascript でシェイプをペイントする

クロスブラウザ(恐ろしいIE6を含む)で動作する、javascriptを使用して六角形のような形状をペイントするためのhtml5要素キャンバスに代わるものはありますか?

これには jQuery と jQuery maphighlight を使用してきましたが、最初にレンダリングした後に形状と色を操作する十分な可能性がありません。

jQuery maphighlight にいくつかの機能がありませんか、それともこの描画機能を提供できる jQuery または mootools 用の他のプラグインはありますか?

0 投票する
4 に答える
14335 参照

javascript - パスに沿って Raphael オブジェクトをアニメーション化する方法は?

オブジェクトは単純なもの、四角形または円である可能性があります。ただし、パスはベジエ曲線である必要があります。面倒でなければ、javascript/ Raphaelコードを提供してください。

アニメーション中に移動オブジェクトの追跡効果があるといいでしょう。

0 投票する
2 に答える
8323 参照

javascript - raphael.jsの塗りつぶしパターンのスケーリング

私の問題は、塗りつぶしがsvgキャンバスで拡大縮小されていないため、比例して、パスの拡大縮小前の2倍のサイズになってしまうことです。残りのsvgと一緒に塗りつぶしパターンをスケーリングする簡単な方法はありますか?

0 投票する
4 に答える
13654 参照

javascript - raphaeljsjavascriptグラフィカルライブラリを使用してコンテナをクリアする最も簡単な方法

raphaeljavascriptメインコンテナをクリアして再描画する必要があります。私はで試しました

何か案が?

0 投票する
1 に答える
1528 参照

internet-explorer-8 - IE8のラファエルテキスト()

Raphael JSを IE8 で動作させようとしています。

text() 関数を使用してテキストを描画しています。これは、FF3 と Chrome では完全に機能しますが、IE8 (compat でも通常の IE8 でもありません) では機能しません。

その他の描画は IE8 でうまく機能するので、Raphael でテキストをレンダリングする方法について、ばかげた細かな詳細が欠けていると思います。

ああ、これはライブラリの最新の 0.8.6 バージョンです。

どんなアイデアでも大歓迎です。

0 投票する
1 に答える
1791 参照

vector - Raphael JS を使用して画面の周りに図形を浮かべる

画面の周りにランダムにいくつかの図形を浮かび上がらせることに取り組んでいます。最終的には、相互に対話し、onclick 機能を持つようになります。円を画面にレンダリングすることはできますが、円を動かすことはできません。.animate() 関数は、ここで必要なものではないようです。

私がこれについてどうするか知っている人はいますか?

ここに私が持っているものがあります:

0 投票する
2 に答える
5620 参照

jquery - アニメーション: jQuery かラファエルか?

オブジェクト (画像/形状/div) をアニメーション化し、画面上に浮かせるページを作成しています。時には、多数のオブジェクトが浮遊して相互作用することがあります。

各オブジェクトには ID があるため、各オブジェクトにデータを関連付ける必要があります。したがって、1 つのオブジェクトをクリックすると、その ID が取得され、そのオブジェクトに関するデータを保持する配列が参照されます。

私の議論は、jQuery の $.animate 関数を使用するか、Raphael を使用するかです。SVG が使いやすいことはわかっていますが、各オブジェクトと ID を指定して、onclick で関連データを含む div を表示できるかどうかはわかりません。SVG 要素をクリックすると DOM 要素を参照できますか? SVG は動的テキストでどの程度うまく機能しますか? また、アニメーションの処理能力がどれだけかかるかも気になります。この点でより良い選択はありますか?

ところで、ここでは jQuery SVG について話しているのではなく、通常の jQuery と DOM について話しているだけです。

誰かがこれについての洞察や提案を持っているなら、彼らは大歓迎です!