从Canvas渲染图像序列的方法

时间:2017-07-29 12:49:41

标签: javascript node.js html5 image canvas

上下文

我正在使用Canvas创建一些动画图形。我想保存它们的图像序列。如果我通过Web浏览器执行此操作,出于某些明显的安全原因,它会要求我手动保存每个文件。我需要解决这个问题。

我还需要使用alpha通道渲染无损图像,这就是为什么我使用PNG图像序列而不是其他任何东西。图像序列在大小方面可能很大(例如,30帧/秒的2分钟全高清序列将轻易超过1 Go)

问题

可能有哪些解决方法?我认为使用Node.js可能很有用,因为服务器端应该允许我保存图像序列而不等待确认。不幸的是,我不太清楚,这就是我要问的原因之一。

我也在寻求“舒适”的解决方案。下面,有人似乎可以使用Python和MIME来做这件事,看起来真的很笨重而且速度慢。

谷歌搜索

Exporting HTML canvas as an image sequence但它没有谈论Node.js解决方案

Saving a sequence of images in a web canvas to disk但不是相同的背景,他为一些客户提供Web服务。

https://forum.processing.org/two/discussion/19218/how-to-render-p5-js-sketch-as-a-movie没有提供任何解决方案,但请确认我已解释过的内容。

https://github.com/spite/ccapture.js/#limitations这个,但它不允许我导出PNG图像,只有视频,这不是我搜索的内容。

http://jeremybouny.fr/en/articles/server_side_canvas_node/

声明

我不是母语为英语的人,我尽力做到最好,如果写得不好,请随时编辑

0 个答案:

没有答案