• 카테고리

    질문 & 답변

  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

.context('2d') 사용

20.08.11 15:46 작성 조회수 98

0

canvas: document.querySelector("#video_canvas-0"),
context: canvas.getContext('2d'),
이렇게 쓰면 script가 제대로 작동이 안되는데
canvas: document.querySelector("#video_canvas-0"),
context: document.querySelector("#video_canvas-0").getContext('2d'),
이렇게 써야하는 이유가 궁금합니다.
course-thumbnail

애플 웹사이트 인터랙션 클론!

비디오 인터랙션 적용 2

강의실 바로가기

답변 1

답변을 작성해보세요.

0

1분코딩님의 프로필

1분코딩

지식공유자

2020.08.12

canvas는 변수가 아니라 해당 객체(object)의 속성(property)이기 때문입니다.
위치에 상관 없이, 자바스크립트에서 따옴표가 없는 문자는 변수 이름이라는 것을 생각해보시면 됩니다^^
그래서 canvas로 접근하면, canvas라는 변수를 선언한 적이 없기 때문에 에러가 날거에요~

이 글과 비슷한 Q&A