raphael

0熱

1答えて

私は初心者の初心者です。私は発生したい動作を得ることができますが、2つの別々のSVGで発生する代わりに、 'svg1'と 'svg2'のそれぞれのidsを選択したにもかかわらず、すべての動作が 'svg2'私はそれがあるべき paper2.circle とセットアップ機能で例えば二 svgため <!DOCTYPE html> <html lang="en"> <head> <meta ch

0熱

2答えて

SVG Snapのキャンバスがクリックされたときにイベントを発生させます

SVG Snapのキャンバスをいつクリックしたかを把握したいと思います。 var s = Snap("#svgout"), //creates the canvas source = "data:image;base64," + $('#imageBtn').val(), //set map background for canvas img = s.image(sourc

2熱

1答えて

wheelnav.jsを使った円形ナビゲーション - SVGはテキストを回転しません

ナビゲーションを構築するためにwheelnav.jsを使い始めました。これは私が使用したいSpreaderです（2番目の例）。興味深いことに、この例のようにレンダリングしないだけです。テキストは回転しません。私はちょうどそれは正確にコード例を取っ： wheel = new wheelnav('wheelDiv'); //stored in a var wheel.spreaderInTitl

-1熱

1答えて

Google Maps（PHP/JS）のようにSVGマップの水にグラデーションを追加

Googleマップを詳しく見ると、水域は単色ではなく色のグラデーションであることがわかります。土地の近くでは青は遠く離れているほど暗いです。タイムゾーン（http://worldtimemap.net/）に関する小さなウェブサイトにSVGマップがあります。地図はちょっと退屈だと思うし、Googleマップのような水勾配効果をプログラムコードで追加することを考えた。この効果の背景にあるプログラミン

1熱

1答えて

RaphaelJSを境界線と位置に制限する

私は、ラファエルのテキストを制約/設定するためのより効率的な方法を探しています。私はボックスに書くことができるテキストを持っています。そのテキストは、ユーザーがテキストを左右にシフトしたい場合に変更できる数値に基づいて中央に配置する必要があり、テキストは用紙の境界を越えることはできません。これは、今、私は何をすべきかであり、その管理できないパフォーマンスが賢明 // Build a path

1熱

2答えて

ラファエロ要素上にカーソルを置くと、カーソルが移動する

ラファエロ要素は動的に作成されます（ページの読み込み時ではなくユーザーの入力に応じて）。私はRaphaelの.hover（）メソッドを使用して、ユーザーがオブジェクトの上を移動したときにカーソルを "ポインタ"（通常はリンクに使用される手）に変更したいと考えています。これはどのように達成できますか？（この効果を得るにはCSSを使用できますが、ロード時にページに組み込まれるのではなく、スクリプトに

0熱

1答えて

ドラキュラグラフ上に異なるノード形状を描くか？

私はドラクログラフでどのようにポリゴンを描くことができるのかを知るために急いで、ラプラスjsにとても新しいです。 var render = function(r, n) { /* the Raphael set is obligatory, containing all you want to display */ var set = r.set().push(

3熱

1答えて

Raphael/Mapaelと一緒にjQueryイベントを連結

ラファエルプラグインのMapaelを使用してインタラクティブマップを作成しています。クリックしたときにマップの1つの領域に色をつけたいのですが、その領域を再度クリックするとデフォルトの色に戻ります。ここにはplnkがあります。 http://plnkr.co/edit/VNUYsO0TeX7AIdLqLjiG あなたが見ることができるように、あなただけのマップの一部をクリックすることができます。た

0熱

1答えて

Raphael.jsのバーアニメーションを上げる

アニメーションを正しく作成するには？私はバーを上げることを意味します。しかし、右下点は左のように静的ではありません。アニメーションでは左から右に向かっています。第二に第一の経路及び5の3点があるので https://jsfiddle.net/kholmukhamedovme/m4q4Lmbr/ var paper = Raphael("paper", 500, 500); var bar =