zhdals10260624

node 버전

(objs.canvas.width - reCaculatedInnerWidth) / 2 를 하면 이해하신대로 좌측 빨간색 하나만 남는것이 맞고,
그렇기 때문에 이 값을 우리가 구하고자 하는 '좌측파란사각형'을 그리기 시작할 좌표의 'x값'으로 설정합니다
이미 그려져있는 빨간 캔버스를 기준으로 왼쪽에서부터 (objs.canvas.width - reCaculatedInnerWidth) / 2 만큼 떨어져 있는 곳에 좌측 파란사각형을 그릴거니까
values.rect1X[0] = (objs.canvas.width - reCaculatedInnerWidth) / 2 로 설정합니다.&nbsp;
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div>values.rect1X[0] = (objs.canvas.width - reCalculatedInnerWidth) / 2;</div>
<div>values.rect1X[1] = values.rect1X[0] - whiteRectWidth</div>
<div></div>
</div>

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

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

whiteRectWidth = recalculatedInnerWidth * 0.15 에서

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

zhdals10260624

投稿