자바스크립트 입문인데 모르는게 있습니다..

Question

입문 책에서 canvas를 이용해 사진을 웹페이지에 호출하고 있는데 사진을 canvas에 맞추는건 있지만 canvas의 크기를 사진의 크기에 맞추는 건 없는것 같아 질문드립니다.다른 방법이 있는건지 웹페이지에 사진을 호출하는 다른 쉬운 방법이 있는건지 궁금합니다

음 · Answer

쳇gpt에 물어보면 예제와 함께 제공해줍니다

옥다방고양이 · Answer

(1)HTML 태그: 가장 쉬운 방법입니다. Description of image

(2)Canvas(with ajustmens) : 이미지 크기에 맞게 캔버스 크기를 조정하거나 Canvas에 맞게 이미지의 크기를 조정할 수 있습니다.const canvas = document.getElementById('myCanvas'); const ctx = canvas.getContext('2d'); const img = new Image(); img.onload = function() { // Option 1: Adjust canvas size to match image canvas.width = img.width; canvas.height = img.height; ctx.drawImage(img, 0, 0); // Option 2: Scale image to fit canvas // ctx.drawImage(img, 0, 0, canvas.width, canvas.height); }; img.src = 'path/to/your/image.jpg';(3)CSS background-image 사용

(4)

자바스크립트 입문인데 모르는게 있습니다..

2개의 답변

Q&A 목록