HTML5 : 하나의 주 캔버스에 여러 캔버스를 칠하십시오.

Question

주 캔버스 요소에있는 여러 캔버스의 이미지를 페인트하는 빠른 방법을 찾고 있습니다. 정확하고 빠른 방법은 무엇입니까?

Answer 1

캔버스의 drawImage 메서드는 첫 번째 인수로 Canvas 개체를 사용할 수 있습니다. 그것은 가장 빠르고 권장되는 방법입니다. 여기

는 w3.org의 추출물이다 :

// 드로잉 이미지

공극의 drawImage ((HTMLImageElement 또는 HTMLCanvasElement 또는 HTMLVideoElement) 화상 이중 DX, DY 번);

공극의 drawImage ((HTMLImageElement 또는 HTMLCanvasElement 또는 HTMLVideoElement) 화상 이중 DX, DY 더블 더블 DW 이중 DH);

공극의 drawImage ((HTMLImageElement 또는 HTMLCanvasElement 또는 HTMLVideoElement) 화상 이중 SX, SY 더블 더블 SW 이중 SH, 더블 DX, DY 더블 더블 DW 이중 DH);

캔버스 요소를 문서에 추가 할 필요가 없습니다. 내 모든 버퍼링 또는 스프라이트 개체 (someSprite = document.createElement('canvas');...) 메모리 캔버스에서 사용합니다.

Answer 2

Dystroy가 맞습니다. 캔버스 페인팅을 저장하려면 getCanvasData를 사용할 수 있습니다.