HTML の座標系は左から右に X 軸、上から下に Y 軸であるためです。 3 番目の辺は実際には赤い点から伸びる長方形です:
3 番目の辺は正方形 p3 から拡張されており、正方形の幅を増やすため、画面は左から右に X 軸の正の方向にあるため、幅が増加した正方形は 3 番目の辺まで拡張されます。直角に直角に。また、延長効果を左に移動しているように「見せたい」場合は、延長するたびに赤い点を同じ距離だけ左に移動する必要があります。
p3
したがって、p3の操作は次のように書く必要があります:
レンダリング:
正方形 p3 から 3 番目の辺が拡張され、正方形の幅が増加するため、画面が左から右に X 軸の正の方向にあるため、幅が増加した正方形は右に拡張されます。長方形に。また、延長効果を左に移動しているように「見せたい」場合は、延長するたびに赤い点を同じ距離だけ左に移動する必要があります。
したがって、p3 の操作は次のように書く必要があります:
if (y == "200") {
}レンダリング:
HTML の座標系は左から右に X 軸、上から下に Y 軸であるためです。 3 番目の辺は実際には赤い点から伸びる長方形です:

3 番目の辺は正方形
p3
から拡張されており、正方形の幅を増やすため、画面は左から右に X 軸の正の方向にあるため、幅が増加した正方形は 3 番目の辺まで拡張されます。直角に直角に。また、延長効果を左に移動しているように「見せたい」場合は、延長するたびに赤い点を同じ距離だけ左に移動する必要があります。したがって、
リーリーp3
の操作は次のように書く必要があります:レンダリング:

HTML の座標系は左から右に X 軸、上から下に Y 軸であるためです。 3 番目の辺は実際には赤い点から伸びる長方形です:
正方形 p3 から 3 番目の辺が拡張され、正方形の幅が増加するため、画面が左から右に X 軸の正の方向にあるため、幅が増加した正方形は右に拡張されます。長方形に。また、延長効果を左に移動しているように「見せたい」場合は、延長するたびに赤い点を同じ距離だけ左に移動する必要があります。
したがって、p3 の操作は次のように書く必要があります:
if (y == "200") {
リーリー}
レンダリング: