Hi,
Thank you for the reply.
The change of the order of attributes and putting the rotation inside the
image tag did the trick.
Thanks,
Chantal
> Hi
>
> [EMAIL PROTECTED] wrote on 09/25/2008 02:46:06 AM:
>
>> <svg:g
>>
> transform="translate({$svg_bitmap_width_offset},{$svg_bitmap_height_offset}),
>> rotate({$svg_bitmap_width_offset}, {$svg_bitmap_height_offset},
> {$bitmap_rotation})">
>
> You were misled a little the proper order of parameters
> for rotate is 'angle', 'cx, 'cy' (not cx,cy,angle):
> http://www.w3.org/TR/SVG11/coords.html#TransformAttribute
>
>> I do have an image in the viewable, but it still is not rotated.
>
> I would suggest starting with a nice small static document and
> adjusting the various values by hand until you understand them.
> Rather than trying to get the whole scripted thing working up front.
> Affine transforms are rather tricky. In particular I would suggest that
> you might want to rotate and then translate the image. (the order that
> affine transforms are applied in is very important).
>
>> I think you might be right about the image not being in the viewable
> area,
>> but rotating around the center doesn't seem to be the solution.
>
> It is the solution but between having the rotate 'out of order' and
> the arguments mixed up you wouldn't know.
>
>> > It's probably being rotated outside the viewable area. If you want to
>> > rotate around the center of the image, I think you have to calculate
> it as
>> > such:
>> >
>> > cx = x + (width / 2)
>> > cy = y + (height / 2)
>> >
>> > where x, y, width, and height come from your image.
>> >
>> > Michael
>> >
>> > ________________________________
>> >
>> > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
>> > Sent: Wed 9/24/2008 10:59 AM
>> > To: [email protected]
>> > Subject: RE: image rotation
>> >
>> >
>> >
>> > I see. I have to give the point where to rotate around.
>> > But it still gives the same result. when I use rotate(...) inside the
>> > transform attribute, my image doesn't appear at all. When I use the
>> > seperate rotation attribute (which I used before on text) the image
>> > appears, but not rotated.
>> >
>> > Chantal
>> >
>> >> Well I'm not sure what you're trying to do. Are you trying to simply
>> >> rotate the element around the center? If so, you can just do this:
>> >>
>> >> transform="rotate(cx, cy, t)" where cx is the x coordinate of the
> image
>> >> center, cy is the y coordinate of the image center and t is the
> rotate
>> >> angle in degrees.
>> >>
>> >> Michael
>> >>
>> >> ________________________________
>> >>
>> >> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
>> >> Sent: Wed 9/24/2008 9:49 AM
>> >> To: [email protected]
>> >> Subject: RE: image rotation
>> >>
>> >>
>> >>
>> >> If I change it to the format like you said:
>> >>
>> >> <!-- Draw Bitmap -->
>> >> <svg:g
>> >> transform="translate({$svg_bitmap_width_offset},
>> {$svg_bitmap_height_offset})
>> >> rotate({$bitmap_rotation})">
>> >> <svg:image x="2" y="2" width="{$svg_bitmap_width}"
>> >> height="{$svg_bitmap_height}" xlink:href="{$bitmap_path}">
>> >> <svg:title>Front Bitmap</svg:title>
>> >> </svg:image>
>> >> </svg:g>
>> >>
>> >> I get no image at all... (even with hard-coded values for rotation
>> >> angle)
>> >> If I use hard-coded values in the code of my first post, the image
> still
>> >> isn't rotated.
>> >>
>> >> Chantal
>> >>
>> >>> I think the format for your transform is wrong:
>> >>>
>> >>> transform="translate(x,y), rotate(t)"
>> >>>
>> >>> http://www.w3.org/TR/SVG/coords.html#TransformAttribute
>> >>> <http://www.w3.org/TR/SVG/coords.html#TransformAttribute>
>> >>>
>> >>> Michael
>> >>>
>> >>> ________________________________
>> >>>
>> >>> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
>> >>> Sent: Wed 9/24/2008 4:41 AM
>> >>> To: [email protected]
>> >>> Subject: svg:image rotation
>> >>>
>> >>>
>> >>>
>> >>> Hi,
>> >>>
>> >>> From an xml file I read a path of an image and a rotation. Now I
> want
>> >>> to
>> >>> display the image and rotate it according to what is in the XML
> file.
>> >>>
>> >>> This is the code I use:
>> >>>
>> >>> <!-- Draw Bitmap -->
>> >>> <svg:g
>> >>> transform="translate({$svg_bitmap_width_offset),
>> {$svg_bitmap_height_offset})"
>> >>> rotation="{$bitmap_rotation}">
>> >>> <svg:image x="2" y="2" width="{$svg_bitmap_width}"
>> >>> height="{$svg_bitmap_height}" xlink:href="{$bitmap_path}">
>> >>> <svg:title>Front Bitmap</svg:title>
>> >>> </svg:image>
>> >>> </svg:g>
>> >>>
>> >>> Now when I view, the image is not rotated.
>> >>> I tried searching with google, but I can't seem to find anything,
> and I
>> >>> begin to wonder if it is possible at all.
>> >>>
>> >>> Is there, and if yes what is the correct solution to my problem?
>> >>>
>> >>> Thanks in advance,
>> >>>
>> >>> Chantal
>> >>>
>> >>>
>> >>>
>> >>>
> ---------------------------------------------------------------------
>> >>> To unsubscribe, e-mail:
> [EMAIL PROTECTED]
>> >>> For additional commands, e-mail:
>> >>> [EMAIL PROTECTED]
>> >>>
>> >>>
>> >>>
>> >>>
> ---------------------------------------------------------------------
>> >>> To unsubscribe, e-mail:
> [EMAIL PROTECTED]
>> >>> For additional commands, e-mail:
>> >>> [EMAIL PROTECTED]
>> >>
>> >>
>> >>
>> >> ---------------------------------------------------------------------
>> >> To unsubscribe, e-mail:
> [EMAIL PROTECTED]
>> >> For additional commands, e-mail:
> [EMAIL PROTECTED]
>> >>
>> >>
>> >>
>> >> ---------------------------------------------------------------------
>> >> To unsubscribe, e-mail:
> [EMAIL PROTECTED]
>> >> For additional commands, e-mail:
> [EMAIL PROTECTED]
>> >
>> >
>> >
>> > ---------------------------------------------------------------------
>> > To unsubscribe, e-mail: [EMAIL PROTECTED]
>> > For additional commands, e-mail:
> [EMAIL PROTECTED]
>> >
>> >
>> >
>> > ---------------------------------------------------------------------
>> > To unsubscribe, e-mail: [EMAIL PROTECTED]
>> > For additional commands, e-mail:
> [EMAIL PROTECTED]
>>
>>
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: [EMAIL PROTECTED]
>> For additional commands, e-mail: [EMAIL PROTECTED]
>>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
