레퍼런스 loadImage()

loadImage()

이미지를 로드하여 p5.Image 객체를 생성합니다.

loadImage()는 첫 번째 매개변수를 세 가지 방식 중 하나로 해석합니다. 이미지 파일의 경로가 제공된 경우, loadImage()가 해당 이미지를 불러옵니다. 로컬 파일의 경로는 상대적이어야 하며, 예를 들어 '/assets/thundercat.jpg'와 같습니다. 'https://example.com/thundercat.jpg'와 같은 URL은 브라우저 보안으로 인해 차단될 수 있습니다. 원시 이미지 데이터(raw image data)는 base64로 인코딩된 이미지로 전달할 수도 있습니다. 이 경우에 형식은 'data:image/png;base64,arandomsequenceofcharacters'와 같습니다.

두 번째 매개변수는 선택 사항입니다. 함수가 전달된 경우, 이미지를 불러온 후에 한 번 호출됩니다. 콜백(callback) 함수는 선택적으로 새로운 p5.Image 객체를 사용할 수 있습니다.

세 번째 매개변수도 선택 사항입니다. 함수가 전달된 경우, 이미지 로드에 실패한 경우에 호출됩니다. 콜백 함수는 선택적으로 이벤트 오류를 사용할 수 있습니다.

이미지를 불러오는 데에 시간이 소요될 수 있습니다. preload()에서 loadImage()를 호출하여 이미지를 setup()이나 draw()에서 사용되기 전에 불러오도록 할 수 있습니다.

예제

구문

loadImage(path, [successCallback], [failureCallback])

매개변수

path

이미지를 불러올 경로 또는 base64로 인코딩된 이미지입니다.

successCallback

p5.Image를 불러오면 호출되는 함수입니다.

failureCallback

이미지를 불러오는 데에 실패한 경우 이벤트 오류와 함께 호출되는 함수입니다.

Notice any errors or typos? Please let us know. Please feel free to edit src/image/loading_displaying.js and open a pull request!

관련 레퍼런스