如何填写Raphael(JavaScript)中路径定义的区域?

时间:2012-07-20 18:03:18

标签: javascript charts raphael

假设我在拉斐尔画了一条用字符串画出的路径:

M 163 420 R 163 360 188 330 213 210 238 270 263 30 288 60 313 90 338 180 363 330 388 420

它会产生如下结果:

Example output

我如何使用Raphael用颜色填充路径下方的区域,如区域图?由于我知道底边的起点和终点,我可以通过添加“L 163 420”从右下角到左下角绘制一条直线来继续路径并使其成为闭环。

我在文档中找不到有关创建使用路径填充的区域的内容,但这肯定是可能的,对吗?

1 个答案:

答案 0 :(得分:2)

使用fill属性。你也不需要关闭路径,拉斐尔可以搞清楚。

paper.path("M 163 420 R 163 360 188 330 213 210 238 270 263 30 288 60 313 90 338 180 363 330 388 420")
     .attr("fill", "red");