求教，根据一个xml文件定义的内容，生成相应图片
<!--  

关于图片坐标的说明:

任何图片的坐标，旋转，放缩都是以图片中心为原点进行操作的。
比如图片的坐标为(0,   0)，表示图片的中心点位于card的左上角零点处。

-->

<root>

<layer>
        <id> <![CDATA[0]]> </id>   <!--   图层唯一标识符   -->
        <url> <![CDATA[images/gallery/4.jpg]]> </url>   <!--   图片URL   -->
        <depth> <![CDATA[0]]> </depth>   <!--   图层深度，数值大的在上面   -->
        <y> <![CDATA[-18]]> </y>   <!--   图片坐标，相对于card的左上角   -->
        <x> <![CDATA[-6.5]]> </x>
        <alpha> <![CDATA[100]]> </alpha>   <!--   图片透明度   -->
        <rotation> <![CDATA[0]]> </rotation>   <!--   旋转角度   -->
        <yscale> <![CDATA[100]]> </yscale>   <!--   y   轴方向放缩比例   100为100%大小，200为200%原尺寸...   ,负值表示   x   轴的对称翻转，尺寸比例同正值，比如-100为100%大小   -->
        <xscale> <![CDATA[100]]> </xscale>   <!--   x   轴方向放缩比例   100为100%大小，200为200%原尺寸...   ,负值表示   y   轴的对称翻转，尺寸比例同正值，比如-100为100%大小-->
        <hue> <![CDATA[0]]> </hue>   <!--   色调   数值范围   0~360   -->
        <saturation> <![CDATA[1]]> </saturation>   <!--   饱和度   数值范围   0~1   -->
        <contrast> <![CDATA[0]]> </contrast>   <!--   对比度   数值范围   -1~1   -->
        <brightness> <![CDATA[0]]> </brightness>   <!--   亮度   数值范围   -255~255   -->
        <effect> <![CDATA[0]]> </effect>   <!--   0:无效果,1-4为特殊效果:   desaturate:1,   emboss:2,   oldstyle:3,   invert:4   -->
</layer>

<layer>
        <id> <![CDATA[1]]> </id>  
        <url> <![CDATA[images/gallery/4.jpg]]> </url>
        <depth> <![CDATA[1]]> </depth>
        <y> <![CDATA[18]]> </y>
        <x> <![CDATA[20]]> </x>
        <alpha> <![CDATA[100]]> </alpha>
        <rotation> <![CDATA[0]]> </rotation>
        <yscale> <![CDATA[100]]> </yscale>
        <xscale> <![CDATA[100]]> </xscale>
        <hue> <![CDATA[0]]> </hue>
        <saturation> <![CDATA[1]]> </saturation>
        <contrast> <![CDATA[0]]> </contrast>
        <brightness> <![CDATA[0]]> </brightness>
        <effect> <![CDATA[0]]> </effect>
</layer>

<text>  
        <id> <![CDATA[0]]> </id>   <!--   文字唯一标识符   -->