path.lineToの座標の位置【Flutter】

Question

Q.getClipメソッドにて、以下2点を教えて頂けると嬉しいです。

-path.lineToがどこの線を示しているのか
-各座標はどこを表すのか

---

RectはfromLTRBコンストラクタを使用して、左、上、右、下の点を指定します

とありますが、具体的にどのコードが左、上、右、下を示しているのでしょうか？

(こちらのサイトを参考にしました。)

---

お時間あるときにご返信いただければ、幸いです。

class MyClipper extends CustomClipper<Path>{
  @override
  Path getClip(Size size) {
    final path = Path();
    path.lineTo(size.width, 20);
    path.lineTo(size.width / 2, size.height);
    path.close();
    return path;

  }

  @override
  bool shouldReclip(CustomClipper<Path> oldClipper) => false;
}

Answer 1

path.lineToがどこの線を示しているのか
各座標はどこを表すのか

final path = Path();
path.lineTo(size.width, 20);
path.lineTo(size.width / 2, size.height);
path.close();

pathは座標系の原点(0,0)から始まるので、
点(0,0), 点(size.width, 20), 点(size.width/2, size.height), 点(0,0)
を通る四角形です。この四角形でクリッピングされます。

具体的にどのコードが左、上、右、下を示しているのでしょうか？

（色々と混同してしまっているように見受けられます）
「Clipのサイズと位置をカスタマイズする」という項目の中に「RectはfromLTRBコンストラクタを使用して、左、上、右、下の点を指定します。」とありますが、そこに記載されているコードは

class CustomHalfRect extends CustomClipper<Rect> {
  @override
  Rect getClip(Size size) {
    Rect rect = Rect.fromLTRB(0.0, 0.0, size.width*2, size.height);
    return rect;
  }

  @override
  bool shouldReclip(CustomHalfRect oldClipper) {
    return true;
  }
}

ですので、Rect.fromLTRB(0.0, 0.0, size.width*2, size.height);に記載されている順で左、上、右、下を表しています。

Comments

[kazuki_user]

ご返信遅れました????
なるほど！ある(x, y)座標までのLineなので、"lineto"なのですね！
参考にさせて頂きました。どうもありがとうございました????