填写raphael js的财产

时间:2012-01-07 16:26:17

标签: javascript raphael

我想在拉斐尔创建一个看起来像是的球体 enter image description here

我使用水平和垂直半径相等的Paper.ellipse绘制球体 我想我需要调整fill属性来实现效果,如图所示。我也想要不同颜色的球体,效果相同。
任何人都可以在Raphael中指出有关fill财产的任何有用链接,因为我找不到足够的信息吗?

2 个答案:

答案 0 :(得分:5)

使用

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

您可以使用yellow之类的任何颜色或#00CC33之类的颜色代码作为色调 Demo
Demo Source Code

答案 1 :(得分:0)

您可以观看此页面的来源:http://raphaeljs.com/ball.html。基本上,它包括绘制几个椭圆以模拟单个开明的球体。

您可以在this topic上了解有关拉斐尔渐变的更多信息。