레퍼런스 createImg()

createImg()

캔버스 밖에 나타날 수 있는 <img> 요소를 생성합니다.

첫 번째 매개변수 src는 이미지 파일의 경로 문자열입니다. src'/assets/image.png'처럼 상대경로이거나 'https://example.com/image.png'처럼 URL 형태여야 합니다.

두 번째 매개변수 alt는 이미지의 대체 텍스트를 설정하는 문자열입니다. 보이지 않는 이미지에는 빈 문자열''을 사용할 수 있습니다.

세 번째 매개변수 crossOrigin은 선택적(optional) 매개변수입니다. 이미지의 교차 출처(crossOrigin) 속성을 설정하는 문자열입니다. 교차 출처 권한으로 이미지를 불러오려면 'anonymous' 또는 'use-credentials' 을 사용하세요.

네 번째 매개변수 callback 역시 선택적 매개변수입니다. 이미지가 로드된 후 실행될 함수를 설정합니다. 로드된 이미지는 p5.Element 객체 형태로 콜백함수에 전달됩니다.

예제

구문

createImg(src, alt)
createImg(src, alt, [crossOrigin], [successCallback])

매개변수

src
String:

이미지에 대한 상대 경로 또는 URL

alt
String:

이미지에 대한 대체 텍스트

crossOrigin
String:

이미지를 가져올 때 사용할 교차 검증(crossOrigin) 속성

successCallback
Function:

이미지가 로드된 후 한 번 호출될 함수. 새 이미지는 p5.Element 객체 형태로 함수에 전달됨

Returns

p5.Element: 새로 생성된 p5.Element 객체
Notice any errors or typos? Please let us know. Please feel free to edit src/dom/dom.js and open a pull request!

관련 레퍼런스