您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

HTML5 Canvas 合成

在html5画布上绘制形状时,可以设置如何将绘制的与画布上已绘制的进行合成。本文介绍如何将绘画与画布上已有的混合在一起.

画布合成

2D上下文具有两个,这些控制画布的合成模式。这些是:

globalAlpha

该globalAlpha确定绘制的透明度/不透明度。它可以取0到1之值。0表示您绘制的是完全透明的。值为0.5表示绘制的是半透明的。值为1表示您绘制的是完全不透明的。预设值为1。
该globalAlpha设置如下:

context.globalAlpha = 0.5;

globalCompositeOperation

该globalCompositeOperation确定您绘制的如何混合到画布上的现有图形中。
该globalCompositeOperation设置如下:

context.globalCompositeOperation = "copy";

globalCompositeOperation引用“源”和“目的地”,并指定如何混合源和目的地。源是您绘制的,目的地是已经绘制的。以下是可能值及其含义的列表:




联系我
置顶