<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type content="text/html; charset=us-ascii"><meta name=Generator content="Microsoft Word 14 (filtered medium)"><style><!--
/* Font Definitions */
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0cm;
        margin-bottom:.0001pt;
        font-size:11.0pt;
        font-family:"Calibri","sans-serif";
        mso-fareast-language:EN-US;}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:blue;
        text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
        {mso-style-priority:99;
        color:purple;
        text-decoration:underline;}
span.EmailStyle17
        {mso-style-type:personal-compose;
        font-family:"Calibri","sans-serif";
        color:windowtext;}
.MsoChpDefault
        {mso-style-type:export-only;
        font-family:"Calibri","sans-serif";
        mso-fareast-language:EN-US;}
@page WordSection1
        {size:612.0pt 792.0pt;
        margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.WordSection1
        {page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body lang=EN-AU link=blue vlink=purple><div class=WordSection1><p class=MsoNormal>I tried with this one already but got no reply, perhaps because I included a screenshot of the issue. I’ll try again with text only.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>When a tspan element has the text-anchor attribute set to anything other than ‘start’, the dy attribute appears to be ignored. I am trying to align text within a grid and I have left- and right-aligned labels which must appear on the same y coordinate.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>In order to support web browsers and RenderX from the same code, and because they all use different baselines for text, I am using the dy attribute to apply an offset from the y coordinate of the enclosing text element. This allows all text to be positioned with a common set of coordinates, making allowances for different implementations of SVG. However the issue I am having is that RenderX appears to ignore the dy attribute for tspan elements that are within text elements with a text-anchor attribute set to ‘end’ or ‘center’.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>The upshot is that using the same bit of code to set up a tspan element, I get different y alignment when text-anchor is not ‘start’. For example:<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal style='text-indent:36.0pt'> <text x="24" y="28" text-anchor="start" stroke="none" stroke-width="0" fill="#5c477a" font-size="16px" font-weight="bold"><o:p></o:p></p><p class=MsoNormal style='margin-left:36..0pt;text-indent:36.0pt'><tspan dy="16">Change Agent</tspan><o:p></o:p></p><p class=MsoNormal style='text-indent:36.0pt'></text><o:p></o:p></p><p class=MsoNormal style='text-indent:36.0pt'><text x="316" y="28" text-anchor="end" stroke="none" stroke-width="0" fill="#5c477a" font-size="16px" font-weight="bold"><o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt;text-indent:36.0pt'> <tspan dy="16">Transformer</tspan><o:p></o:p></p><p class=MsoNormal style='text-indent:36.0pt'></text><o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>According to my understanding, the above should produce two blocks of text which are aligned horizontally on the page. However in RenderX, the second line is 16 pixels (or the equivalent metric in the PDF) higher.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>The same code in Google Chrome produces text that is horizontally aligned as expected..<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>Can you advise if this issue will be resolved, or will I need to build in a workaround?<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p></div>
!DSPAM:87,513fd1ef9851322784897!
</body></html>