5

ラファエル パスで内側の輝きまたは影のみを実現する方法を探しています。残念ながら、楕円または円でのみ放射状グラデーションを実行できます。

1 つのアイデアは、元のパスの内側に収まる少し小さい一連のパスを作成し、それらに異なるストロークの色を与えることですが、どのようにアプローチするかはわかりません。パスを取り、数値がどこにあるかに応じて値を減算または加算する関数... とにかく、誰かに何かアイデアがある場合、またはこれを行う別の JavaScript ライブラリがあれば、それは素晴らしいことです。

4

2 に答える 2

0

ここを見てください。パスの幅をアニメーション化し、色を徐々に暗くして、ある種の光る効果を与えることができます。

底の部分をチェック

  brain = paper.add(brain);

  brain.attr('stroke', '#ff0');

  brain.transform('s 0.5, 0.5 0 0');

  glow = brain.glow({
    color: '#ff0',
    width: 5
  });

  anim = Raphael.animation({
    "stroke-width": 15,
    opacity: 1
  }, 500);


  anim = anim.repeat(Infinity);
  glow.animate(anim);
于 2013-05-23T22:28:09.887 に答える