raphael

2熱

2答えて

私はReactとRaphaelの両方を使ってプロジェクトを作っていますが、何とか私が解決できないコンテキストの問題に直面しています。コードのバージョンを簡素化は以下の通りである：私のonmouseover機能で import React from 'react'; import {Raphael,Paper,Set,Circle,Ellipse,Image,Rect,Text,Path,L

2熱

1答えて

配列にアクセスする

私はRaphaëlフレームワークを使って動的な図形を描画しています（これにより、clickeableになります）。アレイに正しくアクセスできません。私が作成した配列：あなたは彼らと対話できるように、彼らはオブジェクトのようなものです sieges["1"] = assembly.path("M236.51 ... 108"); sieges["2"] = assembly.path("M48

-1熱

1答えて

属性の値を取得できません

私はRaphaëlフレームワークを使用して動的な図形を描画しています（clickeableにすると、それらを輝かせることができます）。 .attr()機能を持つ属性の値を取得できません。ここでは辞書です：ここでは var sieges = [ {"siege" : "Siège 1 : Loris Plasson", "path" : "M236.51 ... 108"}, {"siege

0熱

1答えて

Raphaelで不透明度をアニメーション化する

私は、マウスを動かすと.SVGsを明らかにする小さなマップを作りました。それは即座にイメージを明らかにし、マウスの上に残します。私はフェードインとフェードアウトするために '.animate'属性を追加しようとしましたが、私が試したあらゆる方法が失敗しましたか？簡単な説明が大好きです！ var rsr = Raphael（ 'map'、 '900'、 '900'）; var regions = [

0熱

1答えて

Raphaelの地図上でmouseoverイベントをトリガーする

Raphaelプラグインを初めて使用していて、これまでのところドイツの地図を作成し、その中のすべての異なる地域を概説することができました。マウスオーバー効果をバインドする方法を知ったので、リージョン上にマウスを置くと色が変わります。マップの外側から同じマウスオーバーエフェクトをトリガーしたい瞬間まで、すべてがうまく見えます。すべての地域へのリンクのリストがあり、各リンクは、地図に表示されたそれぞれ

1熱

1答えて

Raphael.js - パラメータを渡しながらアニメーション後の関数を実行する

test(0); function test(Num){ if (Num<6){ ball.attr({ cy:520 , cx:900}); ball.animate({cy: 520 , cx: 400}, speed, test(Num+1)); }else{ //something } } このコードはRaph

1熱

1答えて

Javascript Raphaelパスのアニメーション

シェイプを作成して回転できるパスがありますが、シェイプ/パスを取得して画面を移動する方法がわかりません。私は他の解決策を見てきましたが、私はそれらを働かせるように見えません。ありがとう。 leftRec = paper.path("M400 50 L380 70 420 90 380 110 420 130 400 150 350 150 350 50z"); leftRec.attr("fil

0熱

1答えて

JavaScriptを使用したラファエル

私はこのコードを持っていますが、アニメーションの遅延はアニメーションの先頭からのものであり、円の生成はすべて同時に表示されるため広がっていません。 function generateCircles2(){ if (totalDelay < 110){ totalDelay += 1; var position = Math.floor(Math.random()

1熱

2答えて

RaphaelJSの幅にテキストを自動的に折り返しますか？

現在、RaphaelJSを使用して動的に追加されたテキストを追加しようとしています。テキストを200ピクセルで分割してから、次の行に移動します。ちょうどあなたがHTMLの幅を持つ通常のDIVを持っていた場合のように。 https://jsfiddle.net/qLvuztcy/ 私が何かしようとしました： .text { width: 200px; max-width: 200

-1熱

2答えて

ベジェ曲線下の勾配Raphael JS

この例のようなアニメーションのグラデーションは、Raphael JSのhttp://jsfiddle.net/fusioncharts/dmaz3/のようにする必要があります。どうやってやるの？ <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.7/raphael.min.js"></script> <di