[html5]html5图形组合

图形组合
context.fillStyle="blue";
context.fillRect(10,10,100,100);
context.globalCompositeOperation='lighter';  可选值如/* */内。
context.fillStyle="red";
context.arc(110,60,50,0,Math.PI*2,false);
context.fill();
/*
source-over(默认值)：
destination-over：在原有图形之下绘制新图形
source-in：新图形与原有图形作in运算，只显示新图形中与原有图形相重叠的部分
destination-in：原有图形与新图形作in运算，只显示新图形中与原有图形相重叠的部分
source-out：新图形与原有图形作out运算，只显示新图形中与原有图形不重叠的部分
destination-out：新图形与原有图形作out运算，只显示新图形中与原有图形不重叠的部分
source-atop：只绘制新图形中与原有图形重叠的部分和未被重叠的原有图形
destination-atop：只绘制原有图形中被新图形重叠的部分和新图形的其他部分
lighter：原有图形与新图形均绘制，重叠部分做加色处理
xor：只绘制新图形与原有图形不重叠的部分，重叠部分变透明
copy：只绘制新图形
*/