User Tools

Site Tools



The MaskContainer element takes in one or multiple images and applies a mask designated in 'CML' to all images in its child list.

A mask container masking an image of X-rayed light bulbs over light bulbs in the visible spectrum.
MaskContainer screenshot


Type Interactive Display Object
Category Element
Scope Local
Position *
Parents Container
Children *
Gestures *
Requirements none



dragAngle number
maskBorderAlpha number alpha for the border of the mask if desired
maskBorderColor number mask border color if a border is desired around the mask element
maskBorderStroke number the thickness of the border in pixels
maskHeight number the mask height for rectangles
maskRadius number the mask radius for circles
maskWidth number the mask width for rectangles

See Also: Display Attributes

<Image x="500" y="150" resample="true" width="600" src="spectrum/bulbs_vis.jpg"/>
<MaskContainer maskShape="rectangle" x="500" y="150" maskWidth="200" maskHeight="100" maskBorderColor="0xff0000" maskBorderStroke="2" maskBorderAlpha="0.75" mouseChildren="false">	
    <Image width="600" src="spectrum/bulbs_off_therm.jpg"/>
    <Image width="600" src="spectrum/bulbs_off_uv.jpg"/>
    <Image width="600" src="spectrum/bulbs_therm.jpg"/>
    <Image width="600" src="spectrum/bulbs_uv.jpg"/>
    <Image width="600" src="spectrum/bulbs_uv_pure.jpg"/>
    <Image width="600" src="spectrum/bulbs_ir.jpg"/>
    <Image width="600" src="spectrum/bulbs_xray.jpg"/>
        <Gesture ref="double_tap" gestureOn="true"/>
        <Gesture ref="n-drag" gestureOn="true"/>
        <Gesture ref="n-scale" gestureOn="true"/>
        <Gesture ref="n-rotate" gestureOn="true"/>
maskcontainer.txt · Last modified: 2015/09/18 15:23 by glass