
<!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.2900.2912" name=GENERATOR>

<STYLE></STYLE>

</HEAD>

<BODY bgColor=#ffffff>

<DIV><FONT face=Arial size=2>I can address item #4.&nbsp; The DocBook 

documentation says that an svg element should appear inside an imageobject 

element:</FONT></DIV>

<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>

<DIV><FONT face=Arial size=2><A 

href="http://docbook.org/tdg/en/html/imageobject.html">http://docbook.org/tdg/en/html/imageobject.html</A></FONT></DIV>

<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>

<DIV><FONT face=Arial size=2>Did you see someplace where it said it should be 

inside an imagedata element?</FONT></DIV>

<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>

<DIV><FONT face=Arial size=2>Regarding validity, the svg element must be in the 

svg namespace, so it does not violate DocBook's validity.&nbsp; To validate a 

document with multiple namespaces, you need a multiple namespace 

validator.</FONT></DIV>

<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>

<DIV>Bob Stayton<BR>Sagehill Enterprises<BR>DocBook Consulting<BR><A 

href="mailto:bobs@sagehill.net">bobs@sagehill.net</A></DIV>

<DIV>&nbsp;</DIV>

<DIV>&nbsp;</DIV>

<BLOCKQUOTE dir=ltr 

style="PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">

  <DIV style="FONT: 10pt arial">----- Original Message ----- </DIV>

  <DIV 

  style="BACKGROUND: #e4e4e4; FONT: 10pt arial; font-color: black"><B>From:</B> 

  <A title=mats.sigge@gmail.com href="mailto:mats.sigge@gmail.com">Mats 

  Sigge</A> </DIV>

  <DIV style="FONT: 10pt arial"><B>To:</B> <A title=xep-support@renderx.com 

  href="mailto:xep-support@renderx.com">xep-support@renderx.com</A> </DIV>

  <DIV style="FONT: 10pt arial"><B>Sent:</B> Thursday, August 02, 2007 2:05 

  AM</DIV>

  <DIV style="FONT: 10pt arial"><B>Subject:</B> [xep-support] SVG 

  questions/problems</DIV>

  <DIV><BR></DIV>

  <DIV>

  <DIV>Hi! We are using RenderX to render DocBook with embedded SVG into PDF. We 

  have some problems with the SVG rendering:</DIV>

  <OL>

    <LI>We believe that the same font is used in the document text as in the SVG 

    images. However, some Unicode symbols will not display in the SVG images, 

    for example the infinity sign. (They display nicely in Firefox in the same 

    SVG.) 

    <LI>Links do not work in SVG. (The same links will work in Firefox if the 

    SVG is embedded in an XHTML document.) 

    <LI>How do we center text vertically? We have tried a number of different 

    approaches but cannot get it to work. (As with the others, it works in 

    Firefox.) 

    <LI>This might be a DocBook stylesheet problem, but according to the 

    definition, SVG should be surrounded by the &lt;imagedata&gt; tag (in turn 

    surrounded by &lt;imageobject&gt;. When we do that, the image will not show. 

    However, if we remove the &lt;imagedata tag&gt; and place the&nbsp;SVG 

    directly below the imageobject tag, the SVG will render (although the XML is 

    not valid). 

    <LI>A minor problem, but ligatures are not used in text inside SVG, but it 

    is used in the same text outside SVG.</LI></OL>

  <DIV>Anyone have any hints about what may be wrong? Below is a DocBook 

  document with embedded SVG which reproduces all these problems.</DIV>

  <DIV>&nbsp;</DIV>

  <DIV>Regards,</DIV>

  <DIV>&nbsp;</DIV>

  <DIV>/ Mats S</DIV>&lt;?xml version="1.0" 

  encoding="iso-8859-1"?&gt;<BR>&lt;article xmlns:svg="<A 

  href="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</A>" xmlns:xl="<A 

  href="http://www.w3.org/1999/xlink"> 

  http://www.w3.org/1999/xlink</A>"<BR>&nbsp;&nbsp;&nbsp; xmlns="<A 

  href="http://docbook.org/ns/docbook">http://docbook.org/ns/docbook</A>"<BR>&nbsp;&nbsp;&nbsp; 

  version="5.0"<BR>&nbsp;&nbsp;&nbsp; xml:lang="en"&gt;<BR>&nbsp;&nbsp;&nbsp; 

  &lt;info&gt; <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;title&gt;Test&lt;/title&gt;<BR>&nbsp;&nbsp;&nbsp; 

  &lt;/info&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;section 

  xml:id="section-one"&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;title&gt;Section 

  One&lt;/title&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;mediaobject&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;imageobject&gt; 

  <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;svg:svg width="650" height="720" 

  version="1.1"&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;svg:style 

  type="text/css"&gt; text 

  {&nbsp;&nbsp;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  font-family:serif; dominant-baseline:middle; text-anchor:middle; } 

  <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  text.occurs { font-stretch:normal; 

  dominant-baseline:hanging;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  text-anchor:end; } rect, line, polygon { stroke:black; } 

  &lt;/svg:style&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;svg:rect width="100%" height="100%" style="fill:rgb(235,235,235);"/&gt; 

  <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;svg:g 

  transform="translate(320,360)"&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;svg:rect width="350" height="30" x="-175" y="-15" style="fill:none;"/&gt; 

  <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;svg:text x="0" y="0"&gt; This is centered horizontally but not vertically 

  &lt;/svg:text&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;svg:a 

  xl:href="#section-two"&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;svg:text x="0" y="50"&gt; This will not render as a link 

  &lt;/svg:text&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;/svg:a&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;svg:text x="0" y="100"&gt; This is the infinity symbol: &amp;#x221e; 

  &lt;/svg:text&gt; 

  <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;svg:text x="0" y="150"&gt; These are not ligatures: fi fl 

  &lt;/svg:text&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;/svg:g&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;/svg:svg&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;/imageobject&gt; <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;/mediaobject&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;para&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;link xl:href="#section-two"&gt;This will render as a 

  link&lt;/link&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;/para&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;para&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  This is the infinity symbol: &amp;#x221e; 

  <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;/para&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;para&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  These are ligatures: fi fl<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;/para&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;/section&gt;<BR>&nbsp;&nbsp;&nbsp; 

  &lt;section 

  xml:id="section-two"&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;title&gt;Section Two&lt;/title&gt; 

  <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;mediaobject&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;imageobject&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;imagedata&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;svg:svg width="650" height="720" 

  version="1.1"&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;svg:g transform="translate(320,360)"&gt; 

  <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;svg:text x="0" y="0"&gt; This will not render at all 

  &lt;/svg:text&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;/svg:g&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;/svg:svg&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;/imagedata&gt; 

  <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;/imageobject&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

  &lt;/mediaobject&gt;<BR>&nbsp;&nbsp;&nbsp; 

  &lt;/section&gt;<BR>&lt;/article&gt;</DIV></BLOCKQUOTE></BODY></HTML>