<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2800.1515" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Arial size=2>Never mind, it's fairly easy when you rotate AND
translate...</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV>----- Original Message ----- </DIV>
<DIV style="FONT: 10pt arial">
<DIV style="BACKGROUND: #e4e4e4; font-color: black"><B>From:</B> <A
title=stijn@fotek.com href="mailto:stijn@fotek.com">Stijn Elst</A> </DIV>
<DIV><B>To:</B> <A title=xep-support@renderx.com
href="mailto:xep-support@renderx.com">xep-support@renderx.com</A> </DIV>
<DIV><B>Sent:</B> Monday, April 03, 2006 1:00 PM</DIV>
<DIV><B>Subject:</B> [xep-support] viewBox with rotated SVG</DIV></DIV>
<DIV><BR></DIV>
<DIV><FONT face=Arial size=2>Hi,</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2>I'm trying to rotate an image (eg. 5°) using SVG.
Here's my (simplified) code (width & height in mm):</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2> <xsl:template
match="PICTURE"><BR> <fo:block-container
absolute-position="absolute"><BR> <xsl:attribute
name="top"><xsl:value-of select="@TOP"
/></xsl:attribute><BR> <xsl:attribute
name="left"><xsl:value-of select="@LEFT"
/></xsl:attribute><BR> <xsl:attribute
name="width"><xsl:value-of select="@WIDTH"
/></xsl:attribute><BR> <xsl:attribute
name="height"><xsl:value-of select="@HEIGHT"
/></xsl:attribute><BR> <fo:block><BR><fo:instream-foreign-object><BR> <xsl:attribute
name="content-width"><xsl:value-of select="@WIDTH"
/></xsl:attribute><BR> <xsl:attribute
name="content-height"><xsl:value-of select="@HEIGHT"
/></xsl:attribute><BR> <svg:svg preserveAspectRatio="none
meet"><BR> <xsl:attribute name="width"><xsl:value-of
select="@WIDTH" /></xsl:attribute><BR> <xsl:attribute
name="height"><xsl:value-of select="@HEIGHT"
/></xsl:attribute><BR> <svg:image xlink:href="<A
href="mailto:{@FILE">{@FILE</A>}"
transform="rotate(5)"/><BR> </svg:svg><BR></fo:instream-foreign-object><BR> </fo:block><BR> </fo:block-container><BR> </xsl:template></FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2>The resulting pdf contains indeed the rotated
image, but it appears to be magnified. Also, the viewBox attr needs to
be set. Is there an easy way to dynamically set the viewBox based on the
rotation angle in the XSL?</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2>Regards,</FONT></DIV>
<DIV><FONT face=Arial size=2>Stijn Elst.</DIV></FONT></BODY></HTML>