Javascript 我如何将多个互叠的IMG保存为一个图像？

我有多个img层叠在一起（位置：绝对；顶部：0；左侧：0；），我需要将所有这些层保存为一个实体图像。我该怎么做？客户端的后端是Coldfusion

---

谢谢，伙计们

如果要使用JavaScript，则需要使用画布

• 添加图像：
• 保存图像：

---

如果要在后端执行此操作，则需要使用一些图像库，如

，如果要使用JavaScript执行此操作，则需要使用画布

• 添加图像：
• 保存图像：

---

如果要在后端执行此操作，则需要使用一些图像库（例如

非常简单，假设您有多个透明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">

从winner='Obama'所在的选举结果中选择州
假设您有多个透明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">


从winner='Obama'所在的选举结果中选择州
以相同的顺序将它们写入画布，然后从画布上抓取图像。以相同的顺序将它们写入画布，然后从画布上抓取图像。我的理解是，需要在后端创建一个文件，而不是在客户端中分层多个图像。不需要imagecfc-CF8之后的标签和一组。。。这些细节可以在比利刚刚补充的答案上看到。@BillyCravens对于这个缺乏细节的问题，你假设了很多。：）@PeterBoughton自从我编写coldfusion以来已经有好几年了，它什么时候会消亡。问题是“需要将所有这些层保存为一个实体图像”——保存文件与在DOM中渲染层是不同的。此外，如果用户需要客户端解决方案，我想他们不会提到所使用的服务器端语言。我的理解是，需要在后端创建一个文件，而不是在客户端中分层多个图像。不需要imagecfc-CF8之后有标签和一堆。。。这些细节可以在比利刚刚补充的答案上看到。@BillyCravens对于这个缺乏细节的问题，你假设了很多。：）@PeterBoughton自从我编写coldfusion以来已经有好几年了，它什么时候会消亡。问题是“需要将所有这些层保存为一个实体图像”——保存文件与在DOM中渲染层是不同的。此外，如果用户需要客户端解决方案，我认为他们不会提到所使用的服务器端语言。