canvas style로 처리하는 경우는 이미지의 비율이 깨지기 때문에 비추천 스크립트 divImage = document.getElementById('image') divImage.style.maxWidth = (document.body.clientWidth - document.querySelector("#image_form > div").clientWidth - 150) + 'px' divImage.style.maxHeight = (content_main.style.height.replace('px','') - 100) +'px' divImage.style.overflow = 'auto'

div 태그에 싸서 넣으면 해결됨 로 하면 원하는 결과 안 나옴

context 정의 전에 width, heigth를 변경해야 적용됨 [좋은 예] canvas = document.getElementById('box') canvas.width = img.width canvas.height = img.height context = canvas.getContext('2d') [나쁜 예] canvas = document.getElementById('box') context = canvas.getContext('2d') canvas.width = img.width canvas.height = img.height

function large() { console.log('변경전: ', $('#temp').width()) $('#temp').width(300) console.log('변경후: ', $('#temp').width()) }

current stock price: $3.15 +0.15