2014-05-13から1日間の記事一覧

SVG の path 要素を Canvas や DOM のアニメーションなどに利用する

SVG の path 要素からは、 getTotalLength でパスの全長、 getPointAtLength(n) でパス上の n 地点における位置情報を取得できる。 これができると、複雑な図形の形に沿って Div を配置したり、文字のアウトラインのパスに沿ってペンを動かしたりといったア…