- From: SVG Working Group repository <cam+svgwgrepo@mcc.id.au>
- Date: Mon, 10 Feb 2014 12:59:04 -0800
- 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"><uri></span></dt>
<dd>
If the <uri> references an SVG <a>shape</a> element,
that element defines the shape. Otherwise, if the <uri>
references an image, the shape is extracted and computed based
Received on Monday, 10 February 2014 20:59:30 UTC