캔버스를 div 요소에 동적으로 추가하는 방법은 무엇입니까?

debugcn 에 게시 Dev

user3454558

Java 스크립트를 사용하여 동적으로 본문에 캔버스를 추가 할 수 있습니까? DIV 요소를 추가하는 방법을 알고 있습니다. 거기에 많은 예가 있습니다. 그러나 캔버스를 DIV 요소에 추가하는 방법은 무엇입니까?

var iDiv = document.createElement('div');
iDiv.id = 'block';
iDiv.className = 'block';
document.getElementsByTagName('body')[0].appendChild(iDiv);


var innerDiv = document.createElement('canvas');
innerDiv.className = 'block-2';


iDiv.appendChild(innerDiv);

위의 코드가 정확합니까? 나를 위해 작동하지 않습니다. 방법을 알려주세요.

록시

네, 작동합니다.

렌더링 된 HTML을 확인하거나 단순히 무언가를 그리고 직접 볼 수 있습니다. ( 데모 )

innerDiv.getContext("2d").fillRect(50, 25, 100, 100);

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-05-31

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

캔버스를 div 요소에 동적으로 추가하는 방법은 무엇입니까?

캔버스를 div 요소에 동적으로 추가하는 방법은 무엇입니까?

jQuery 동적으로 생성 된 div에서 동적으로 생성 된 요소를 추가 / 제거하는 방법은 무엇입니까?

동적으로 추가되는 div에 스타일을 적용하는 방법은 무엇입니까?

Javascript / jquery에서 동적으로 생성 된 div 요소에 액세스하는 방법은 무엇입니까?

동적으로 채워진 div에 onClick 함수를 추가하는 방법은 무엇입니까?

동적으로 생성 된 div 안에 이미지를 추가하는 방법은 무엇입니까?

html 페이지에 div 필드를 동적으로 추가하는 방법은 무엇입니까?

요소에 동적으로 추가 된 텍스트를 분할하는 방법은 무엇입니까?

기존 요소에 동적으로 div를 추가하는 더 좋은 방법이 있습니까?

jquery로 SVG 이미지에 요소를 동적으로 추가하는 방법은 무엇입니까?

동적으로 생성 된 요소 (LI)에 ondragstart =“drag (event)”를 추가하는 방법은 무엇입니까?

jquery에서 양식 요소를 동적으로 추가하는 방법은 무엇입니까?

iframe 요소를 html에 동적으로 추가하는 방법은 무엇입니까?

캔버스 모양 클릭에서 각도 구성 요소를 동적으로로드하는 방법은 무엇입니까?

동적으로 추가 된 래핑 된 div에서 jquery를 사용하여 이미지와 div를 추가하는 방법은 무엇입니까?

요소 선택으로 캔버스를 이동하는 방법은 무엇입니까?

angularjs의 div에 요소를 추가하는 방법은 무엇입니까?

JavaScript 또는 Jquery를 사용하여 동적으로 div에 클래스를 추가하는 방법은 무엇입니까?

JavaScript 또는 Jquery를 사용하여 동적으로 div에 클래스를 추가하는 방법은 무엇입니까?

div 자식 요소를 수직으로 자동 중앙에 배치하는 방법은 무엇입니까?

더 긴 기간 동안 캔버스 요소에 "키를"보내는 방법은 무엇입니까?

동적으로 추가 된 새 콘텐츠에 클래스를 추가하는 방법은 무엇입니까?

프로토 타입 내에서 동적으로 생성 된 요소에 이벤트 리스너를 추가하는 방법은 무엇입니까?

가로로 스크롤 한 후에 만 div 요소를 배치하는 방법은 무엇입니까?

Java로 배열에 요소를 추가하는 방법은 무엇입니까?

가로 스크롤로 단일 div 안에 여러 div를 추가하는 방법은 무엇입니까?

요소를 동적으로 변경하는 방법은 무엇입니까?

jquery를 사용하여 동적으로 추가 된 요소에 대한 클릭 이벤트를 추가하는 방법은 무엇입니까?

div (React.JS) 내에서 구성 요소를 수직으로 스택하는 방법은 무엇입니까?

div 스택을 만들고 스크롤에 동적으로 표시하는 방법은 무엇입니까?