W3C home > Mailing lists > Public > www-svg@w3.org > June 2003

SVG 1.2 specs: Lots of <flowText> examples needed for revision!

From: Fred P. <fprog26@hotmail.com>
Date: Sun, 15 Jun 2003 07:45:43 -0400
To: www-svg@w3.org
Message-ID: <BAY2-F221aNEVJpjc0D0000059d@hotmail.com>

Here's an example, I tried to write one, from the specification.

Example auto-sizing composed boxes:

<html>
<body>

<p>
Could someone make a SVG 1.2 example
for the following XHTML for Internet Explorer 5.5
</p>

<style>
<[CDATA[
tr
{
    mso-height-source:auto;
}
td
{
    padding-top:    0px;
    padding-bottom: 0px;
    padding-right:  0px;
    padding-left:   0px;
    color:windowtext;
    font-size:10.0pt;
    font-weight:400;
    font-style:normal;
    text-decoration:none;
    font-family:Arial;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
  }
]]>
</style>

<table border="1" cellpadding="0" cellspacing="0">
  <tr rowspan="2">
    <td width="28%"><table border="0" cellpadding="0" cellspacing="0"
      ><tr rowspan="2"
      ><td colspan="1"
           style="mso-rotate:-90; writing-mode:tb-rl;"
           >Vertical</td></tr>
    </table></td>
    <td colspan="1" style="mso-rotate:  0; writing-mode:tb-lr;">Example</td>
  </tr>
  <tr rowspan="1">
    <td colspan="2" style="mso-rotate:  0; 
writing-mode:tb-lr;">Horizontal</td>
  </tr>
</table>
</body>
</html>

<!-- Wanted XHTML behaviour -->

<html>
<body>

<p>
Could someone make a SVG 1.2 example
for the following XHTML for Internet Explorer 5.5
</p>
<table border="0">
<tr>
<td>Format this paragraph, since its the SVG 1.0 specification document that
<br>"has been reviewed by W3C Members and other interested parties
<br>and has been endorsed by the Director as a W3C Recommendation.
<br>It is a stable document and may be used as reference material
<br>or cited as a normative reference from another document.
<br>W3C's role in making the Recommendation is to draw attention
<br>to the specification and to promote its widespread deployment.
<br>This enhances the functionality and interoperability of the Web."
</td>
</tr>
</table>
</body>
</html>


Possible SVG 1.2:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN"
      "http://www.w3.org/TR/SVG12/">

<svg width="500" height="500"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  >
  <style type="text/css">
  <![CDATA[
     text
     {
        font-family:     Arial;
        font-size:       12;
        text-rendering:  optimizeSpeed;
        shape-rendering: optimizeSpeed;
     }
  ]]>
  </style>
  <defs>
  </defs>

<!-- Current SVG 1.1 - Not working paragraph -->
<text id='txt' x='20px' y='20px' style='font-family: Arial; font-size: 12; 
'>
Format this paragraph, since its the SVG 1.0 specification document that
"has been reviewed by W3C Members and other interested parties
and has been endorsed by the Director as a W3C Recommendation.
It is a stable document and may be used as reference material
or cited as a normative reference from another document.
W3C's role in making the Recommendation is to draw attention
to the specification and to promote its widespread deployment.
This enhances the functionality and interoperability of the Web."
</text>

<!-- SVG 1.2 - this way !? -->
<flowText>
  <flowRegion>
    <rect x='100' y='40' width='100' height='20'/>
  </flowRegion>
  <flowDiv>
    <flowPara style='font-family: Arial; font-size: 12; '>
      <flowTref href="#txt"/>
                         Format this paragraph, since its the SVG 1.0 
specification document that
        <flowLine/>"has been reviewed by W3C Members and other interested 
parties
        <flowLine/>and has been endorsed by the Director as a W3C 
Recommendation.
        <flowLine/>It is a stable document and may be used as reference 
material
        <flowLine/>or cited as a normative reference from another document.
        <flowLine/>W3C's role in making the Recommendation is to draw 
attention
        <flowLine/>to the specification and to promote its widespread 
deployment.
        <flowLine/>This enhances the functionality and interoperability of 
the Web."
    </flowPara>
  </flowDiv>
</flowTexT>

</svg>


Other questions:
The document specify that if the rect is rotated 45 degree,
the text will be in the axis.

How do you write:
- a box with text nothing rotated
- a box with text everything in 45 degree?
- a box rotated 45 degree with normal text not rotated
- a box not rotated with text rotated in 45 degree?

Compounded box:

- Lots of examples from XHTML <table> to SVG 1.2 transposed examples

- The current <flowText> only account for text what if we want a "REAL" 
paragraph.

For instance, having images inside the text:

<p>
<nobr>The variable <img src="theta.png"/> is use in the formula <img 
src="formula.png"/>
to create the following graphic: </nobr><br>
<img src="graph.png"/>
</p>

or having Book-like paragraph start letters like this:

   /\    formal paper was writeng last century,
  /_\   by a very known writer called Einstein,
/    \  were he described some advanced
physics theory, that were heavily critized,
but got finally recognized by the community.


These a mostly classic example, that need to be discussed.

Sincerely yours,
Fred P.

_________________________________________________________________
Help STOP SPAM with the new MSN 8 and get 2 months FREE*   
http://join.msn.com/?page=features/junkmail
Received on Sunday, 15 June 2003 07:45:50 GMT

This archive was generated by hypermail 2.3.1 : Friday, 8 March 2013 15:54:25 GMT