使用javascript动态编辑base64编码图像

Question

是否可以直接通过javascript编辑（调整大小，翻转等）base64编码图像？

Answer 1

是的，可以使用HTML5。 只需将base64字符串作为图像源<img src="data:image/png;base64,iVBORw0KGgo...加载，然后将其添加到canvas元素中（使用画布上下文的drawImage方法）并随意执行任何操作。

Answer 2

是的，你可以，一旦它在DOM结构中无论是base64还是外部图像都无关紧要，你可以像操纵任何其他DOM元素一样进行操作。

将它用作背景图像（然后操纵保持元素），直接在img标签中或使用javascripts插入新图像（然后创建元素img）并不重要，只要它在DOM中即可。 / p>

您可以在众多转换器之一在线转换图片，此图片仅使用html5：base64img.com