views:

98

answers:

0

Hi everyone,

I have a problem with degrafa's polygons. I've created 4 polygons to reproduce a picture frame, they all looks the same, I just change their coordinates and angle.

the bottom one :

<Polygon data="{parentApplication.original.height},0 {parentApplication.widthSlider},0 {parentApplication.original.height+parentApplication.widthSlider},{parentApplication.original.height} 0,{parentApplication.original.height} {parentApplication.original.height},0" id="TrapezoidBottom" x="0" y="{parentApplication.original.height+parentApplication.heightSlider}" fill="{bitmapFill}" />

the left one :

<Polygon data="{parentApplication.original.height},0 {parentApplication.heightSlider},0 {parentApplication.original.height+parentApplication.heightSlider},{parentApplication.original.height} 0,{parentApplication.original.height} {parentApplication.original.height},0" id="TrapezoidLeft" x="{parentApplication.original.height}" y="{parentApplication.original.height}" fill="{bitmapFill}">
  <transform>
    <RotateTransform angle="90" centerX="{parentApplication.original.height}" centerY="{parentApplication.original.height}"/>
  </transform>
</Polygon>

the top one:

<Polygon data="{parentApplication.original.height},0 {parentApplication.widthSlider},0 {parentApplication.original.height+parentApplication.widthSlider},{parentApplication.original.height} 0,{parentApplication.original.height} {parentApplication.original.height},0" id="TrapezoidTop" x="{parentApplication.original.height+parentApplication.widthSlider}" y="{parentApplication.original.height*2}" fill="{bitmapFill}">
  <transform>
    <RotateTransform angle="180" centerX="{parentApplication.original.height+parentApplication.widthSlider}" centerY="{parentApplication.original.height*2}"/>
  </transform>
</Polygon>

and the right one :

<Polygon data="{parentApplication.original.height},0 {parentApplication.heightSlider},0 {parentApplication.original.height+parentApplication.heightSlider},{parentApplication.original.height} 0,{parentApplication.original.height} {parentApplication.original.height},0" id="TrapezoidRight" x="{parentApplication.widthSlider}" y="{parentApplication.original.height*2+parentApplication.heightSlider}" fill="{bitmapFill}" >
  <transform>
    <RotateTransform angle="-90" centerX="{parentApplication.widthSlider}" centerY="{parentApplication.original.height*2+parentApplication.heightSlider}"/>
  </transform>
</Polygon>

But when they're created, the right one is always offseted like this : image link : http://img192.imageshack.us/img192/3041/sanstitre1xi.jpg

And when I change the parentApplication.heightSlider value its fixed, even if I put the original value.

Is it a bug or do I do something wrong?

Thanks for responses.