Javascript上传图像并覆盖用户可以下载的蒙版图像

时间:2016-03-03 10:42:16

标签: javascript jquery

所以我的问题是,如果可以让用户上传那张脸的图像并输出相同的图片,但在其上面有一个叠加层。那么他们可以右键单击并保存图像或点击下载按钮?所有这些都需要客户端。

类似于Facebook上的法国国旗。我已经编码了一段时间,所以可以用javascript完成吗?

1 个答案:

答案 0 :(得分:1)

我的家伙,这是我认为你可以做的。使用HTML5将图像叠加添加到画布,并将上载的图像添加到画布。使用ctx.drawImage(watermark_canvas,0,0)将水印画布添加到图像画布。 ctx.drawImage()允许您将画布添加到另一个画布。将这些画布组合后,您可以通过调用此canvas.toDataURL()

获取组合画布的base64编码数据