\r\n\r\n \r\n\r\n웹프로그래밍 독학중이며 간단 예제 풀이 해보고있는데\r\n\r\n이미지 설정하구 증가함수 걸어야하나요... 구현이 안되네요..ㅠㅠ\r\n\r\n\r\n\r\n","dateCreated":"2020-05-27T18:54:00+09:00","author":{"@type":"Person","name":"동산삼"},"answerCount":1,"suggestedAnswer":[],"acceptedAnswer":{"@type":"Answer","text":"[code]\r\n\r\nfunction imageSizeX2() {\r\n  var img = document.getElementById('image');\r\n  \r\n  w = img.width;\r\n  h = img.height;\r\n\r\n \r\n\r\n  img.width = w * 2;\r\n  img.height = h * 2;\r\n}\r\n \r\n\r\n[/code]\r\n","author":{"@type":"Person","name":"마르스컴퍼니"},"dateCreated":"2020-05-27T20:12:31+09:00"}}}
채택완료

클릭 할때마다 이미지의 크기(폭,높이) 를 두배씩 증가시키고싶습니다..

 

<body>

<img id="image" src="flower.jpg" height="50" width="50"><br>

<input type="button" value="이미지 크기 X 2"

onClick="imageSizeX2()">

<script>

function imageSizeX2() {

var img = document.getElementById('image');

..... 

}

</script>

 

웹프로그래밍 독학중이며 간단 예제 풀이 해보고있는데

이미지 설정하구 증가함수 걸어야하나요... 구현이 안되네요..ㅠㅠ

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

Copy
function imageSizeX2() {
  var img = document.getElementById('image');
  
  w = img.width;
  h = img.height;

 

  img.width = w * 2;
  img.height = h * 2;
}

답변에 대한 댓글 1개

아 정말 감사합니다. w,h 로 잡아줘야하는군요! 이해했습니다.

답변을 작성하려면 로그인이 필요합니다.