2016-03-03 40 views
-2

所以我的问题是,如果可以让用户上传那张脸的图像并输出相同的图像,但在上面覆盖了一层。所以他们可以右键单击并保存图像或点击下载按钮?所有这些都需要客户端。Javascript上传图像并覆盖用户可以下载的蒙版图像然后

类似于Facebook上的法国国旗。它已经过了一段时间,因为我已经编码,所以可以用JavaScript来完成?

回答

1

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

来获得组合画布的base64编码数据