어떻게 paper.js 항목을 래스터 이미지로 병합합니까?

Question

paper.js를 사용하여 이미지를 마크 업한 다음 저장할 수있는 응용 프로그램을 만들고 있습니다.

내 제지 프로젝트의 가장 낮은 레이어는 이미지의 래스터입니다. 다음 레이어는 벡터 그래픽 마크 업이 다양한 paper.js 항목을 사용하여 수행되는 위치입니다. 항목이 커밋되면 하위 (래스터) 레이어로 복사되어 보존됩니다. 그러나 레이어의 하위 항목이며 래스터 화 된 이미지의 일부는 아닙니다. toDataURL을 사용하여 래스터를 이미지로 캡처하는 경우 하위 항목은 이미지의 일부가 아닙니다.

어떻게 래스터 화 된 이미지의 일부를 paper.js 항목에 삽입하거나 겹치게합니까? 항목을 먼저 래스터화할 수는 있지만 두 래스터를 다른 래스터 중 하나를 겹치는 부분과 병합하는 방법을 알아야합니까? 먼저 래스터로 변환하면 실제 paperjs 항목에는 없지만 둘러싸는 사각형에있는 픽셀은 투명해야합니다. 즉, 래스터 화 된 이미지를 오버레이하지 않아야합니다.

Answer 1

당신은 모든 계층에서 래스터 개체를 만들 수 있습니다, 다음 DataURL 문자열이 변환 :

var tempImg = project.layers[0].rasterize(); 
var dataString = tempImg.toDataURL(); 
tempImg.remove();