This component can be used to mix multiple images in the same group. The <Group> tag functions as a container, and the mixing mode parameter is set in the last <Image> tag in the group to mix all images in the group except for the last one as a whole. The absolute position–based alignment mode in the <Mask> tag is not supported.
<Group x="" y="" w="" h="" layered="">
<Image x="" y="" align="" alignV="" src=""/>
<Image x="" y="" align="" alignV="" src="" hybridMode=""/>
</Group> Parameter | Type | Mandatory | Description |
|---|---|---|---|
layered | String | Yes | Indicates whether to enable the image mixing function. The options are true (yes) and false (no). If this function is enabled, images in the <Group> tag are mixed. |
hybridMode | String | Yes | Image mixing mode. 12 mixing modes are supported. For details, please refer to <Mask>. |
Example 1: Set the layered parameter in the <Group> tag to true to enable image mixing, and set the xor mixing mode in the last <Image> tag.
<Group x="100" y="100" w="800" h="800" layered="true">
<Image x="100" y="100" align="center" alignV="center" src="tgt1.png"/>
<Image x="200" y="200" align="center" alignV="center" src="tgt2.png"/>
<Image x="261" y="261" align="center" alignV="center" src="ori.png" hybridMode="11"/>
</Group>