globalCompositeOperation - 混合模式

通过 globalCompositeOperation 属性设置 Canvas 混合模式。 常用值: source-over(默认), multiply, screen, overlay, darken, lighten, color-dodge, color-burn, difference, exclusion, xor 等。

用法

// 两个圆形使用 multiply 混合
g.createShape('circle', { center: {x: 120, y: 120}, radius: 60, style: { fill: '#e94560' } });
g.createShape('circle', { center: {x: 170, y: 120}, radius: 60,
    style: { fill: '#00d4ff', globalCompositeOperation: 'multiply' }
});

// 使用 screen 混合
style: { fill: '#00ff88', globalCompositeOperation: 'screen' }