ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

[HTML5]canvas 全局透明 覆盖合成

2022-09-13 13:34:57  阅读:188  来源: 互联网

标签:透明 canvas over destination 目标 source HTML5 全局 默认值


全局透明的设置

globalAlpha=value

这个属性影响到canvas里所有图新过的透明度

有效的倍数是0.0(完全透明) ~ 1.0(完全不透明)

默认是1.0;

覆盖合成

source :新的图像(源)

destination:已经绘制过的图形(目标)

globalCompositeOperation


ctx.globalCompositeOperation="source-over";

source-over(默认值):源在上面,新的图像层级比较高

source-in(默认值):只留下源与目标的重叠部分(源的那一部分)

source-out(默认值):只留下源超过目标的部分

source-atop(默认值):砍掉源溢出的部分

destination-over:目标在上面,旧的图像层级比较高

destination-in:只留下源于目标的重叠部分(目标的那一部分)

destination-out:只留下目标超过源的部分

destination-atop:砍掉目标溢出的部分

标签:透明,canvas,over,destination,目标,source,HTML5,全局,默认值
来源: https://www.cnblogs.com/yang10086/p/16688807.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有