rect1X[1]의 좌표가 왜 그쪽일까요?

(objs.canvas.width - reCaculatedInnerWidth) / 2 를 하면 이해하신대로 좌측 빨간색 하나만 남는것이 맞고, 그렇기 때문에 이 값을 우리가 구하고자 하는 '좌측파란사각형'을 그리기 시작할 좌표의 'x값'으로 설정합니다 이미 그려져있는 빨간 캔버스를 기준으로 왼쪽에서부터 (objs.canvas.width - reCaculatedInnerWidth) / 2 만큼 떨어져 있는 곳에 좌측 파란사각형을 그릴거니까 values.rect1X[0] = (objs.canvas.width - reCaculatedInnerWidth) / 2 로 설정합니다. values.rect1X[0] = (objs.canvas.width - reCalculatedInnerWidth) / 2; values.rect1X[1] = values.rect1X[0] - whiteRectWidth

whiteRectWidth = recalculatedInnerWidth * 0.15 에서

같은 부분 강의듣는 수강생입니다 :) 한 쪽당 0.15 이고, 한 쪽당 0.15로 잡은 것은 대강 시각적으로 적당한 여백 값을 잡은것으로 이해하였습니다. 한쪽당 0.15 기준으로 나머지 변수 값 식도 다시 보시면 받아들이실 수 있을것같아요 :)

<참고> hateoas가 1.0.2 가 되면서 바뀐부분이 있네요..

beans9 님 도움주셔 감사합니다 !