javascript - 如何从 Canvas 初始化图像?

标签 javascript image html5-canvas

假设我有一张图像和一张 Canvas 。我使用canvas api来修改显示的图像。

我现在需要 2 个图像副本,原始副本和修改后的副本。

传达我想要做的事情的伪代码是:

var img = fetchImage();

context.drawLine(0, 0, 100, 100);

var copy = context.getImage();

我尝试过搜索,但没有找到答案。

编辑:

“初始化”是指创建图像的深拷贝。所以,原始图像没有线条, Canvas 中修改后的图像有线条,我现在需要两张独立的图像,一张有线条,一张没有。

最佳答案

您可以使用getImageData method从绘制的 Canvas 中获取图像。 .

或者甚至toDataURL might be of help .

关于javascript - 如何从 Canvas 初始化图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56009267/

相关文章:

javascript - 是否有类似于 os.path.join 的内置 javascript 函数?

JavaScript:函数链接还是属性访问?

javascript - 在循环中添加 'click' 事件监听器

javascript - 如何制作可以悬停的画廊或视频或图像缩略图并显示更大的图像?

javascript - 表格格式交互式图表 javascript

javascript - 如何填充矩形内的粒子?

javascript - 为什么 HTML5 Canvas rect/fillRect 具有来自 Canvas 来源的图案渲染?

PHP jQuery 传递多个单词的值

javascript - 如何获得CSS操作图像的高度?

java - 将 SVG 文档嵌入到 SVG 文档中,但保持可访问性