HTML2CANVAS 合成图片

注:之前也写过一篇html2canvas,但是感觉大家不会意思到这个有什么用,所以就举个例子
一个比较有趣的玩意,玩ps的同学都玩过图片合成,当然对图片的操作不只是ps的特权,使用html也是可以合成的,而且,这个也是我们经常看到的一个技术点,

(比如将你的头像合成到mj的旁边)

插件:html2canvas,jquery

html2canvas:一个神奇的插件,好吧。其实就是将div转化为canvas,然后在用canvas将其转化为图片。。。。

代码如下:


	
		
		
	
	
也许这是优美的文字
不多说,都是简单的代码。接着:
上流程图:
HTML2CANVAS 合成图片_第1张图片
1.此时,图片是什么都没有的,现在我们点击第一张按钮
HTML2CANVAS 合成图片_第2张图片
2.看到。现在文字出现在了图片上,接着,我们点击第三个按钮
HTML2CANVAS 合成图片_第3张图片
3.现在,新图片生成,就可以保存在本地了
js文件已经上传,如果找不到的,可以百度。。。


你可能感兴趣的:(插件)