·您当前的位置:主页 > 技术教程 > Html5技术 >

[html5]html5图形组合

时间:2016-06-17 10:50酷播
[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:只绘制新图形
*/

热门文章

请稍候...
  • 锁定云视频大聚惠
  • 相约直播超值狂欢
保利威视云直播
保利威视云视频
微信付费直播
酷播云免费在线视频整体解决方案
酷播v4.0网页播放器