Question

我尝试使用Kineticjs Shape的fillAlpha（）函数，但它不会改变填充颜色的alpha。

这是我做的：

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

      var layer = new Kinetic.Layer();

      var circle = new Kinetic.Circle({
        x: stage.getWidth() / 2,
        y: stage.getHeight() / 2,
        radius: 70,
        fill: 'red',
        stroke: 'black',
        strokeWidth: 4
      });

       circle.fillAlpha(0.5);

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

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

circle.fillAlpha（0.5）;对填充没有影响。

以下是演示的JsFiddle：http://jsfiddle.net/VKNLM/

如何更改填充颜色的alpha？

Answer 1

您必须将fill与fillRed，fillBlue，fillGreen和fillAlpha分开使用。不要一起使用它们。

所以你可以这样做：

circle.opacity(0.5);

或

var circle = new Kinetic.Circle({
    x: stage.getWidth() / 2,
    y: stage.getHeight() / 2,
    radius: 70,
    fillRed: 255,
    stroke: 'black',
    strokeWidth: 4
  });
circle.fillAlpha(0.5)

Kineticjs：fillAlpha（）没有效果？

1 个答案: