React + Konva:如何使用strokeLinearGradientColorStops?

时间:2019-07-30 23:57:10

标签: konvajs

我正在尝试在我的Stage(我正在使用React)中给椭圆添加一个渐变颜色,例如css带有线性渐变的border-color。

我尝试使用strokeLinearGradientColorStops,它将显示一个空的椭圆。我也尝试过使用strokeLinearGradientColorStops + strokeLinearGradientStartPoints + StrokeLinearGradientEndPoint,但是结果很奇怪:当我在舞台上移动圆时,渐变会有所不同,因此就像应用于整个舞台的渐变颜色一样,它只显示在椭圆上

<Ellipse
    strokeLinearGradientStartPoint={{ x: 0, y: 0 }}
    strokeLinearGradientEndPoint={{ x: 200, y: 150 }}
    strokeLinearGradientColorStops={[0, "blue", 1, "yellow"]}
/>                

当然,给定了strokeLinearGradientStart和endPoint的参数,我应该期望将颜色应用于舞台而不是元素。

如果这是预期的结果,那么它周围还有吗?我也尝试过在CSS中选择这些元素,但是Stage映射到画布,所以我认为我不能访问单个元素,因为它们只是像素。

0 个答案:

没有答案