H5canvas 4：图像混合

H5canvas 4：图像混合

这里要讲的是

globalCompositeOperation

其属性设置或返回如何将一个源（新的）图像绘制到目标（已有）的图像上。
源图像 = 您打算放置到画布上的绘图。
目标图像 = 您已经放置在画布上的绘图

W3school上对于属性值介绍是这样的：

我个人的网页中选择了几个试了一下，跟PS里面图片混合模式差不多。

Js代码：

var can=null;
var ctx=null;
window.function(){
	can=document.getElementById("mycan");
	ctx=can.getContext("2d");
	var sourceInBtn=document.getElementById("sourceInBtn");
	var lighterBtn=document.getElementById("lighterBtn");
	var sourceAtopBtn=document.getElementById("source-atopBtn");
	var restoreBtn=document.getElementById("restoreBtn");
	ctx.save();//保存
	
	//source-over
	sourceOverBtn.onclick