not good but great

プログラミング、アート、映画・本の感想について書きます。

getPointAt()を使ってパス上に点を描画する

demo

f:id:naoyashiga:20140316125113p:plain
A Pen by naoyashiga.
久しぶりにgistを使ってみました。

getPointAtを使う

getPointAt(offset[, isParameter])
Calculates the point on the path at the given offset.

getPointAt()は指定したパスの始点からの距離(offset)を引数に取ります。これの利点はパスがくねくね曲がっていても、offsetさえ指定すればパス上に点を打てることだと思います。
f:id:naoyashiga:20140316124921p:plain
Paper.js Sketch
ドキュメントには円弧上に点を打つ例が示されています。

code