Css fabricjs支持径向渐变吗？

我正在使用织物来创建这样的径向渐变

它可以通过css轻松创建。像这样

#梯度1{
宽度：100px；
高度：100px；
边界半径：50%；
背景：径向梯度（中心椭圆，#1e5799 0%，rgba（255，255，255，0）100%）；
}
径向渐变-均匀间隔的颜色停止
注意：Internet Explorer 9和早期版本不支持渐变

是

例如：

对

例如：

---

您可以这样做：

    let cir = new fabric.Circle({
    left: 100,
    top: 100,
    radius: 30,
    fill: 'rgba(0, 0, 0, 0)'
})

cir.setGradient('fill', {
    type: 'radial',
    r1: 30,
    r2: 2,
    x1: 30,
    y1: 30,
    x2: 30,
    y2: 30,
    colorStops: {
        1: 'rgb(113,182,203)',
        0: 'rgba(0, 0, 0, 0)'
    }
});

fabricCanvas.add(cir);
fabricCanvas.renderAll();

---

您可以这样做：

    let cir = new fabric.Circle({
    left: 100,
    top: 100,
    radius: 30,
    fill: 'rgba(0, 0, 0, 0)'
})

cir.setGradient('fill', {
    type: 'radial',
    r1: 30,
    r2: 2,
    x1: 30,
    y1: 30,
    x2: 30,
    y2: 30,
    colorStops: {
        1: 'rgb(113,182,203)',
        0: 'rgba(0, 0, 0, 0)'
    }
});

fabricCanvas.add(cir);
fabricCanvas.renderAll();