JavaScript 4©2ch.net

**デフォルトの名無しさん** · 2023/10/08(日) 03:47:17.38

まずChatGPTで実現したいお題のコードを大まかに書いてもらって、それの間違ってる箇所を指摘していくと、最終的に正常に動作するコードが書けるな
AIってこういう風に使うんだということが理解できた

**デフォルトの名無しさん** · 2024/04/26(金) 14:50:56.87

以下の様な図形の各矩形部の座標を取得したいときはどのようにしたら良いですか？
各矩形に対して別の矩形を整列させたいと思っています。

https://imgur.com/a/JtI3mj7

**395** · 2024/04/26(金) 15:34:08.53

自己レスです。ちょっと考えてみました。
以下の方法でできそうな気がするのでとりあえず試してみます。
もっと効率良い求め方などあれば教えてください。

1.全ての横線と縦線の座標を取得
2.上から横線を順に二本ずつチェック
3.二本の左上から右下に斜線を仮定し、他線との交差点を求める
4.交差点があればその横座標を利用して矩形を取得していく

**デフォルトの名無しさん** · 2024/04/26(金) 20:06:42.08

>>396
https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/offsetTop
https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/offsetLeft
https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/offsetWidth
https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/offsetHeight

ただそれ以前に根本的に勘違いしてると思うが。
フローレイアウトなら以下だが、君が読んでも前提知識無さ過ぎて分からないと思う。
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Flow_Layout
言語間違えてるのなら適切な他スレに行くべき。

**395** · 2024/04/30(火) 08:44:45.51

すみません。HTMLは関係のない話です。
とりあえず上の自己レスのやり方で実現はできています。