1

ラファエルに文字列で描かれたパスがあるとしましょう：

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

次のような結果が得られます。

出力例

Raphael を使用して、パスの下の領域を面グラフのように色で塗りつぶすにはどうすればよいですか? 下端の始点と終点が分かっているので、「L 163 420」を追加して右下から左下に直線を引くことで、パスを続けて閉じたループにすることができました。

パスを使用して塗りつぶす領域の作成に関するドキュメントは見つかりませんが、確かにこれは可能なはずですよね?

4

1 に答える 1

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");
于 2012-07-20T18:06:21.167 に答える