Заполните собственность в Raphael JS

Question

Я хочу создать в Рафаэле сферу, которая должна выглядеть следующим образом:

Я использую Paper.ellipse с равным горизонтальным и вертикальным радиусом для рисования сферы.
Я думаю, что мне нужнонастроить атрибут fill для достижения эффекта, как показано на рисунке.Также мне нужна сфера другого цвета с таким же эффектом.
Кто-нибудь может указать какую-нибудь полезную ссылку на свойство fill в Рафаэле, поскольку я не смог найти достаточно информации?

Answer 1

Используется

function ball(x, y, r, colour) {
    paper.ellipse(x, y, r, r).attr({
        fill: "r(.3,.25) white-" + colour,
        stroke: "none"
    });
};  

Вы можете использовать любой цвет, например yellow или цветовой код #00CC33 для оттенка.
Демо .
Исходный код демо .

Answer 2

Вы можете посмотреть источник этой страницы: http://raphaeljs.com/ball.html. По сути, он состоит из рисования нескольких эллипсов для имитации одной просветленной сферы.

Вы можете узнать больше о градиенте в Рафаэле на этой теме .