我正在尝试在我的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映射到画布,所以我认为我不能访问单个元素,因为它们只是像素。