안녕하세요. 문제를 풀다가 잘 안 풀리는 것이 있어 질문글을 올리게 되었습니다.
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)'; -
?
아하, 저는 반복해서 폭 크기를 키우라는 거라고 이해했네요 ㅠㅠ 친절한 답변 정말 감사드립니다~
QnA
공부하면서 궁금했던 것을 질문해보세요.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 공지 |
읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다.
|
관리자 | 2017.06.20 | 18274 |
| 383 | 1장 10번 문제 답 문의 | MIKAEL | 2022.12.07 | 71 |
| 382 | 13장 실습문제 5번 질문입니다. 3 | 웹린 | 2022.12.04 | 111 |
| 381 | 10장 연습문제 10번 질문입니다. 2 | 웹린 | 2022.11.03 | 159 |
| 380 | webgl 2차원. 1 | 궁금해요 | 2022.10.10 | 134 |
| 379 |
6장 9-2번 이론문제(개정판)
1
|
궁금해요 | 2022.09.10 | 159 |
| 378 |
연습문제 3장 2번 질문합니다!
1
|
KHE | 2022.09.08 | 152 |
| 377 | 4장 9번 이론문제 2 | 궁금해요 | 2022.09.07 | 121 |
| 376 | [개정판] p.357 sibling 에 대한 설명 및 그림 8-7 1 | 질문 | 2022.09.02 | 59 |
| 375 | target프로퍼티 질문(페이지 428쪽) 2 | 한성이 | 2022.08.14 | 47 |
| 374 | 스타일 시트 객체 2 | 한성이 | 2022.08.09 | 32 |
| 373 | css3의 프로퍼티와 7장 객체의 프로퍼티 1 | 한성이 | 2022.08.07 | 38 |
| 372 | 9장 6번 실습문제 2 | 궁금해요 | 2022.07.24 | 134 |
| 371 | 예제 8-9(373p) 1 | 열공이 | 2022.05.29 | 87 |
| 370 | timerID값이 null인 이유 1 | 열공이 | 2022.05.26 | 602 |
| 369 | length 프로퍼티 2 | 열공이 | 2022.05.21 | 59 |
| 368 | 9장 실습문제3번 2 | 열공이 | 2022.05.17 | 194 |
| 367 | 5장 오픈챌린지 관련 | 시급함 | 2022.04.16 | 204 |
| 366 | 교제 254페이지 1 | 쿠웨이트 | 2022.04.12 | 84 |
| 365 | 5장 실습문제 8번 2 | 쿠웨이트 | 2022.04.12 | 121 |
| 364 | 5장 실습문제 10번 1 | 쿠웨이트 | 2022.04.12 | 109 |
scale로는 어떻게 사용할 수 있는 건가요ㅠㅠ