안녕하세요. 문제를 풀다가 잘 안 풀리는 것이 있어 질문글을 올리게 되었습니다.
8장 실습문제 8번에 이미지를 클릭할 때마다 옆으로 2,3,4배로 확대하는 코드를 짜야 하는데요,
scaleX(2)를 사용하였는데 이 뜻는 2배씩 이미지의 폭을 확대하는 것이잖아요?
그래서 이미지를 누를 때마다 2배씩 커질 줄 알았는데 한 번밖에 안 됩니다.
아직 scale()에 대한 이해가 부족한 것 같습니다.
제가 이해가 될 수 있도록 설명 부탁드립니다.ㅠㅠ
2018.11.11 23:18
8장 실습문제 8번 질문드립니다.
조회 수 525 댓글 3
- ?
-
?
obj.style.transform='scale(2,1)'은 obj를 그릴 때 2배 확대된 모양으로 그리라고 스타일을 설정하는 것입니다.
obj를 그릴 때 3배로 확대하려면 다음과 같이 해야하겠지요.
obj.style.transform='scale(3,1)'
클릭할 때마다. 다음 코드가 실행된다고 해도
obj.style.transform='scale(2,1)'
이것은 obj를 2,4,8배확대하라는 뜻이 아니고 2배 확대하라는 뜻입니다.
한번 확대하였다고 이미지가 크지는 것은 아닙니다.
n 배 확대한다면 뭐 대충 다음의 모양이 되겠군요
obj.style.transform='scale(' + n + ',1)'; -
?
아하, 저는 반복해서 폭 크기를 키우라는 거라고 이해했네요 ㅠㅠ 친절한 답변 정말 감사드립니다~
scale로는 어떻게 사용할 수 있는 건가요ㅠㅠ