캔버스 밖에 나타날 수 있는 <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!