- From: Bert Bos via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 07 Sep 2011 15:36:36 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-images In directory hutz:/tmp/cvs-serv12961 Modified Files: Overview.src.html Log Message: Fixed a biblio ref to CSS3BG. Changed DOCTYPE. (HTML4 or XHTML1 is required for publication on /TR.) Took a snapshot for publication. Reset the "this version" link to the editor's draft. Moved the embedded SVG to external files. (Embedded SVG is not possible in HTML4.) Index: Overview.src.html =================================================================== RCS file: /sources/public/csswg/css3-images/Overview.src.html,v retrieving revision 1.173 retrieving revision 1.174 diff -u -d -r1.173 -r1.174 --- Overview.src.html 6 Sep 2011 21:40:40 -0000 1.173 +++ Overview.src.html 7 Sep 2011 15:36:33 -0000 1.174 @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!doctype html public '-//W3C//DTD HTML 4.01//EN'> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> @@ -18,7 +18,8 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2> <dl> <dt>This Version:</dt> - <dd><a href="[VERSION]">http://www.w3.org/TR/[YEAR]/WD-css3-images-[CDATE]/</a> + <!--<dd><a href="[VERSION]">http://www.w3.org/TR/[YEAR]/WD-css3-images-[CDATE]/</a>--> + <dd><a href="http://dev.w3.org/csswg/css3-images/">http://dev.w3.org/csswg/css3-images/</a> <dt>Latest Version:</dt> <dd><a href="http://www.w3.org/TR/css3-images/">http://www.w3.org/TR/css3-images/</a></dd> @@ -515,16 +516,8 @@ <pre><code>linear-gradient(to top right, red, white, blue)</code></pre> - <p><svg width='200' height='100'> - <defs> - <linearGradient x1='0' y1='1' x2='1' y2='0' gradientUnits='objectBoundingBox' id='corner-gradient'> - <stop offset='0%' stop-color='red'></stop> - <stop offset='50%' stop-color='white'></stop> - <stop offset='100%' stop-color='blue'></stop> - </linearGradient> - </defs> - <rect x='0' y='0' width='100%' height='100%' fill='url(#corner-gradient)' /> - </svg></p> + <p><object data="gradient1.svg" width="200" + height="100">(Image requires SVG)</object></p> <p><small>* SVG-in-HTML support required to view the image.</small></p> </div> @@ -867,30 +860,13 @@ <p>In premultiplied space, transitions to or from "transparent" always look nice:</p> - <p><svg width='200' height='100' style="background:white"> - <defs> - <linearGradient id='premult-gradient'> - <stop offset='0%' stop-color='red'></stop> - <stop offset='50%' stop-color='red' stop-opacity='0'></stop> - <stop offset='50%' stop-color='blue' stop-opacity='0'></stop> - <stop offset='100%' stop-color='blue'></stop> - </linearGradient> - </defs> - <rect width='100%' height='100%' fill='url(#premult-gradient)'></rect> - </svg></p> + <p><object data="gradient2.svg" width="200" + height="100">(Image requires SVG)</object></p> <p>On the other hand, if a gradient were to incorrectly transition in non-premultiplied space, the colors near "transparent" would noticeably darken to a grayish color, because "transparent" is actually a shorthand for ''rgba(0,0,0,0)'', or transparent black:</p> - <p><svg width='200' height='100' style="background:white"> - <defs> - <linearGradient id='nonpremult-gradient'> - <stop offset='0%' stop-color='red'></stop> - <stop offset='50%' stop-color='black' stop-opacity='0'></stop> - <stop offset='100%' stop-color='blue'></stop> - </linearGradient> - </defs> - <rect width='100%' height='100%' fill='url(#nonpremult-gradient)'></rect> - </svg></p> + <p><object data="gradient3.svg" width="200" + height="100">(Image requires SVG)</object></p> <p><small>* SVG-in-HTML support required to view the images.</small></p> </div> @@ -1272,7 +1248,7 @@ <td>specified value </table> - <p>The 'object-position' property determines the alignment of the replaced element inside its box. The <dfn><code><position></code></dfn> value type is defined as the positioning syntax of '<a href="http://www.w3.org/TR/css3-background/#the-background-position">background-position</a>' and is resolved in the same way, using the image as the subject and the content box as the positioning area. [[!CSS21]] [[!CSS3BACKGROUND]]</p> + <p>The 'object-position' property determines the alignment of the replaced element inside its box. The <dfn><code><position></code></dfn> value type is defined as the positioning syntax of '<a href="http://www.w3.org/TR/css3-background/#the-background-position">background-position</a>' and is resolved in the same way, using the image as the subject and the content box as the positioning area. [[!CSS21]] [[!CSS3BG]]</p> <p class="note">Note that areas of the box not covered by the replaced element will show the element's background.</p>
Received on Wednesday, 7 September 2011 15:36:38 UTC