javascript - 创建一个脉冲发光效果HTML5 canvas dynamicJS

我想在画布上有一个可放置区域，供人们拖动图像，并且我想在可放置区域周围添加发光的脉冲效果，以便人们很容易地选择可以拖动对象的位置。

我发现了诸如HTML5 canvas create outer glow effect of shape之类的东西，但动画效果不如脉冲。

因此，例如这个矩形：

  var stage = new Kinetic.Stage({
        container: 'container',
        width: 578,
        height: 200
      });

      var layer = new Kinetic.Layer();

      var rect = new Kinetic.Rect({
        x: 239,
        y: 75,
        width: 100,
        height: 50,
        fill: 'white',
        stroke: 'black',
        strokeWidth: 4
      });

      // add the shape to the layer
      layer.add(rect);

      // add the layer to the stage
      stage.add(layer);

但是，我想要的不是黑色，而是金色的脉动。

有什么想法吗？

最佳答案

我不确定您的问题是什么，但是用dynamicjs创建带有圆圈的脉冲非常容易。
像这样：

var pulserect= rect.clone();
pulserect.setFill('gold');
pulserect.setScale(2,2);
layer.draw();

pulse.transitionTo({
scale:{x:0.5,
       y:0.5},
opacity:0.5,
duration: 0.5
});

jsfiddle

关于javascript - 创建一个脉冲发光效果HTML5 canvas dynamicJS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13593991/