堆栈内存溢出
  简体   繁体   English

HTML 5 Canvas和Javascript：组合分层画布

[英]HTML 5 Canvas and Javascript: Combining layered canvases

 原文  2011-01-06 07:22:49  4   2    javascript/ html5/ canvas

问题描述

I wanted to combine images from different canvases (layered on top of each other using z-index) to export as one single image. 我想合并来自不同画布的图像（使用z-index彼此叠加）以导出为单个图像。

Is this possible? 这可能吗？

2 个解决方案

解决方案1
 1 已采纳  2011-01-06 07:37:13

Same : 一样：

How can I save div as image at client side where div contains one or more than one HTML5 canvas elements? 如何在div包含一个或多个HTML5 canvas元素的客户端将div保存为图像？

Save many canvas element as image 将许多画布元素另存为图像

解决方案2
 0  2011-01-06 07:34:25

Try using the context.getImageData() and context.putImageData(). 尝试使用context.getImageData（）和context.putImageData（）。 I haven't tried that in Javascript before, but it shouldn't be that difficult. 我以前没有用Javascript尝试过，但是应该没有那么困难。

HTML Canvas 2D Context HTML Canvas 2D上下文

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 将多个HTML5分层画布复制到JavaScript中的一张图像 - Copy multiple HTML5 layered canvases to one image in JavaScript 打印分层的html5画布 - Print layered html5 canvases Html5中的3层画布 - 3 layered canvas in Html5 高级JavaScript / HTML5画布 - Advanced JavaScript/HTML5 canvases HTML2Canvas将2个捕获的画布合并为一个 - HTML2Canvas combine 2 captured canvases into one 将多个画布合并为一个div，并将它们全部合并为一个画布 - multiple canvases into a single div and combining them all into one canvas 如何在两层画布的底部画布上注册click事件 - How do I register a click event on the bottom canvas of two layered canvases 分层HTML5画布的高度/宽度重置为300x150px - Layered HTML5 Canvases Height/Width Resetting to 300x150px 离线版本的 HTML2canvas - 受污染的画布可能无法导出 - HTML2canvas in offline version - Tainted canvases may not be exported 尝试使用输入画布中的.drawImage函数将2个HTML画布合并为1个 - Trying to combine 2 HTML canvases into 1 with .drawImage function in input canvas
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM