HTML 캔버스 내에서 스크롤하는 방법

...

div 요소를 사용하여 HTML 캔버스에 스크롤을 추가합니다.

"HTML"로 더 잘 알려진 HyperText Markup Language 버전 5에는 새 요소에 대한 지원이 포함되어 있습니다. "캔버스"라고 합니다. HTML5 캔버스 요소는 애니메이션, 그래픽 또는 사용자 정의 JavaScript의 컨테이너 역할을 합니다. 암호. 웹 페이지의 캔버스 내에서 스크롤을 활성화하려면 전체 캔버스 요소를 div 요소로 래핑한 다음 overflow 속성을 사용하여 필요한 스크롤 막대를 추가할 수 있습니다.

1 단계

웹 편집 응용 프로그램이나 워드 프로세서에서 캔버스 요소가 포함된 HTML 문서를 엽니다.

오늘의 비디오

2 단계

" 앞에 텍스트 커서를 놓습니다." HTML 코드의 태그.

3단계

HTML 코드에 다음을 입력합니다.

overflow 속성은 컨테이너에서 스크롤 막대를 활성화합니다.

4단계

너비 및 높이 속성을 div 컨테이너의 크기를 정의하는 데 사용할 픽셀 양으로 바꿉니다. 선택한 너비와 높이 값이 캔버스 요소의 전체 크기에 맞도록 충분히 큰지 확인하십시오.

5단계

"" 태그 뒤에 텍스트 커서를 놓습니다.

6단계

유형 "

"를 HTML 코드에 추가하여 div 컨테이너를 닫습니다.

7단계

HTML 문서를 저장하고 웹 서버에 업로드하여 스크롤하여 캔버스 요소를 봅니다.