javascript - 如何填写由 Raphael (JavaScript) 中的路径定义的区域？

Question

假设我在 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

它会产生这样的结果：

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

我在文档中找不到任何关于创建区域以使用路径填充的内容，但这肯定是可能的，对吧？

Answer 1

使用填充属性。你也不需要关闭路径，拉斐尔可以弄清楚。

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");