하나의 이미지로 서로 겹쳐서 여러 IMG를 어떻게 저장할 수 있습니까?

Question

여러 IMG가 서로 겹쳐져 있습니다 (위치 : 절대, 상단 : 0, 왼쪽 : 0). 모든 레이어를 단색 이미지로 저장해야합니다. 어떻게해야합니까? 클라이언트의 백엔드는 Coldfusion입니다.

감사합니다.

Answer 1

자바 스크립트로 캔버스를 사용하려면 캔버스를 사용해야합니다.

• 추가 이미지 : How to add image to canvas
• 저장 이미지 : Capture HTML Canvas as gif/jpg/png/pdf?

당신은 백 엔드에 그것을하기 위하여려고하는 경우에, 당신은 어떤 이미지 라이브러리 등 imagecfc

와 함께 할 필요가있을 것이다

Answer 2

투명 PNG/GIF가 여러 개 있다고 가정하면 매우 쉽습니다 (필자는 미국지도에서 색칠하기로했습니다). 주로 이미지 객체와 함께 imageCopy() 및 imagePaste()를 사용합니다.

<!--- below assumes 600x400 images ---> 
<cfquery name="election"> 
    select state from electionResults where winner='Obama' 
</cfquery> 

<cfimage source='#expandPath('/imgs/us.png')#" name="usMap"> 

<cfloop query="election"> 
    <cfimage source="#expandPath('/imgs/#state#-blue.png')#" name="state"> 
    <cfset img = imageCopy(state, 1,1,600,400)> 
    <cfset imagePaste(usMap,img,1,1)> 

</cfloop> 

<cfimage action="write" source="#usMap#" destination="#expandPath('/imgs/us-obama.png')#" 
    overwrite="yes"> 

<img src="/imgs/us-obama.png">