W3C home > Mailing lists > Public > public-svg-wg@w3.org > January to March 2014

svg2: More markup fixes.

From: SVG Working Group repository <cam+svgwgrepo@mcc.id.au>
Date: Mon, 10 Feb 2014 12:59:04 -0800
Message-Id: <hg.db8736d95bab.1392065944.3034738116371802840@ps58493.dreamhostps.com>
To: public-svg-wg@w3.org
details:   https://svgwg.org/hg/svg2/rev/db8736d95bab
branches:  
changeset: 634:db8736d95bab
user:      Cameron McCormack <cam@mcc.id.au>
date:      Tue Feb 11 07:57:01 2014 +1100
description:
More markup fixes.

diffstat:

 master/text.html |  111 ++++++++++++++++++++++++++++--------------------------
 1 files changed, 58 insertions(+), 53 deletions(-)

diffs (148 lines):

diff --git a/master/text.html b/master/text.html
--- a/master/text.html
+++ b/master/text.html
@@ -1813,56 +1813,59 @@
 
 
 <h3 id='TextLayoutWidthHeight'>The 'width' and/or 'height' attributes</h3>
 
   <p>
     There are three possible ways to define a <a>content area</a> using the
     <a>'text'</a> element attributes <a>'text/width'</a> and
     <a>'text/height'</a>:
-    <dl>
-
-      <dt><a>'text/width'</a> only</dt>
-      <dd>
-	For horizontal text, specifies a width for a
-	"rectangular" <a>content area</a> of infinite height.
-
-	For left-to-right text, the initial <a>current text
-	position</a> is at the left of the rectangle. For
-	right-to-left text it is at the right of the rectangle.
-
-	For vertical text, it is ignored.
-      </dd>
-
-      <dt><a>'text/height'</a> only</dt>
-      <dd>
-	For vertical text specifies, a height for a
-	"rectangular" <a>content area</a> of infinite width. The
-	initial <a>current text position</a> is at the top of the
-	rectangle.
-
-	For horizontal text, it is ignored.
-      </dd>
-
-      <dt><a>'text/height'</a> and <a>'text/width'</a></dt>
-      <dd>
-	For both horizontal and vertical text, specifies a height and
-	with for a "rectangular" <a>content area</a>.
-
-	<p class="issue">
-	  This is really, really ugly due to the normal positioning of
-	  the initial current text position. We could avoid the issue
-	  of shifting x and y (e.g. using baseline='text-before-edge')
-	  by not allowing this option. It is trivial to define a
-	  rectangluar box content area using
-	  shape-inside="rectangle(x,y,width,height)" as shown in
-	  the example in the <a>'shape-inside'</a> section.
-	</p>
-      </dd>
-    </dl>
+  </p>
+
+  <dl>
+    <dt><a>'text/width'</a> only</dt>
+    <dd>
+      For horizontal text, specifies a width for a
+      "rectangular" <a>content area</a> of infinite height.
+
+      For left-to-right text, the initial <a>current text
+      position</a> is at the left of the rectangle. For
+      right-to-left text it is at the right of the rectangle.
+
+      For vertical text, it is ignored.
+    </dd>
+
+    <dt><a>'text/height'</a> only</dt>
+    <dd>
+      For vertical text specifies, a height for a
+      "rectangular" <a>content area</a> of infinite width. The
+      initial <a>current text position</a> is at the top of the
+      rectangle.
+
+      For horizontal text, it is ignored.
+    </dd>
+
+    <dt><a>'text/height'</a> and <a>'text/width'</a></dt>
+    <dd>
+      For both horizontal and vertical text, specifies a height and
+      with for a "rectangular" <a>content area</a>.
+
+      <p class="issue">
+        This is really, really ugly due to the normal positioning of
+        the initial current text position. We could avoid the issue
+        of shifting x and y (e.g. using baseline='text-before-edge')
+        by not allowing this option. It is trivial to define a
+        rectangluar box content area using
+        shape-inside="rectangle(x,y,width,height)" as shown in
+        the example in the <a>'shape-inside'</a> section.
+      </p>
+    </dd>
+  </dl>
+
+  <p>
     In all cases, the initial <a>current text position</a> is taken
     from the <a>'text/x'</a> and <a>'text/y'</a> attributes of
     the <a>'text'</a> element.
   </p>
 
 
   <div class="example">
     <p>An example of using <a>'text/width'</a> for wrapping horizontal text.</p>
@@ -2055,29 +2058,31 @@
 	    Horizontal text wrapping inside a CSS rectangle shape.
 	    The light-blue lines indicate the limits of the
 	    <a>content area</a>.
 	  </p>
 	</div>
       </div>
 
       <div class="issue">
-	<p>
-	  Shapes also defines 'inset-rectangle'. It might be
-	  interesting to be able to write:
-
-	  <pre><![CDATA[
-	    <rect ...>
-	      <text shape-inside="inset-rectangle(20px,10px,20px,10px)">...</text>
-	    </rect>
-	    ]]></pre>
-
-	  where the insets are based on the rectangle geometry (or
-	  the bounding-box before any transformation).
-	</p>
+        <p>
+          Shapes also defines 'inset-rectangle'. It might be
+          interesting to be able to write:
+        </p>
+
+	      <pre><![CDATA[
+<rect ...>
+  <text shape-inside="inset-rectangle(20px,10px,20px,10px)">...</text>
+</rect>
+]]></pre>
+
+        <p>
+          where the insets are based on the rectangle geometry (or
+          the bounding-box before any transformation).
+        </p>
       </div>
     </dd>
 
     <dt><span class="attr-value">&lt;uri&gt;</span></dt>
     <dd>
       If the &lt;uri&gt; references an SVG <a>shape</a> element,
       that element defines the shape. Otherwise, if the &lt;uri&gt;
       references an image, the shape is extracted and computed based
Received on Monday, 10 February 2014 20:59:30 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 17:29:55 UTC