javascript - 画像をパスに配置する方法

Question

テキストの場合、textpath を使用できますが、画像をパス上または特定の不規則な形状 (三角形/円など) に配置するにはどうすればよいですか?

Answer 1

getPointAtLength(length)位置を表すオブジェクトを返す whichを使用することをお勧めします。

API ドキュメントは次のとおりです: SVG getPointAtLength documentation

これにより、任意のパス形状を作成できます。次に for ループを実行します。このループでは、反復ごとに長さが増加するパスに沿ったポイントを計算します。

  var pos;
  for (var i = 0, len = 0; i < 10; i++, len+=10){
    pos = yourPath.getPointAtLength(len);
    //Now set your items position to pos.x, pos.y
  }