Javascript KonvaJS中的钻石梯度

我需要填充一个钻石梯度，用来做戒指。该环应如下图所示：

我使用了具有以下属性的

Konva.Arc

实例：

fillRadialGradientStartPoint: 0,
fillRadialGradientStartRadius: 35,
fillRadialGradientEndPoint: 0,
fillRadialGradientEndRadius: 42,
fillRadialGradientColorStops: [0,'#ee3c27',0.15, '#fffc00',0.3,'#00ff00',0.5,'#00fff6',0.65,'#0000ff',0.8,'#ff00f6',1,'#FF0000']

但我无法获得相同的外观和感觉。请注意，以下是完整代码：

var-width=window.innerWidth；
var height=window.innerHeight；
var阶段=新Konva.阶段({
容器：'容器'，
宽度：宽度，
高度：高度
});
var layer=新Konva.layer（）；
var arc=新Konva.arc({
x:stage.getWidth（）/2，
y:stage.getHeight（）/2，
内半径：35，
外层：42，
角度：360度，
//填充：“黄色”，
笔画：“黑色”，
冲程宽度：1，
fillRadialGradientStartPoint:0，
填充半径梯度startradius:35，
fillRadialGradientEndPoint:0，
圆角半径梯度：42，
fillRadialGradientColorStops:[0'，#ee3c27'，0.15'，#fffc00'，0.3'，#00ff00'，0.5'，#00fff6'，0.65'，#0000ff'，0.8'，#ff00f6'，1'，#FF0000']
/*[0'，FF0000'，0.15'，FFFF00'，0.3'，00FF00'，0.5'，00FFFF'，0.65'，0000FF'，0.8'，FF00FF'，1'，FF0000']
颜色停止（0%，rgba（255,0,0,1）），
//颜色停止（15%，rgba（255，255，0，1）），
颜色停止（30%，rgba（0,255,0,1）），
颜色停止（50%，rgba（0,255,255,1）），
颜色停止（65%，rgba（0,0,255,1）），
颜色停止（80%，rgba（255,0,255,1）），
颜色停止（100%，rgba（255,0,0,1））；
*/
});
//将形状添加到层中
层。添加（弧）；
//将层添加到舞台
阶段。添加（层）
正文{
保证金：0；
填充：0；
溢出：隐藏；
背景色：#f0；
}