E84D Fixed title. Added issue about SVGMatrix v.s., CSSMatrix. · w3c/csswg-drafts@480ac8f · GitHub
Skip to content

Commit 480ac8f

Browse files
vhardyvhardy
committed
Fixed title. Added issue about SVGMatrix v.s., CSSMatrix.
1 parent 62a16cd commit 480ac8f

1 file changed

Lines changed: 47 additions & 16 deletions

File tree

‎css3-transforms/Transforms.src.html‎

Lines changed: 47 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,13 @@
22
<html lang="en">
33
<head profile="http://www.w3.org/2006/03/hcard">
44
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5-
<title>CSS Exclusions and Shapes Module Level 1</title>
5+
<title>CSS Transforms</title>
66
<link rel="stylesheet" type="text/css" href="default.css" />
77
<link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-[STATUS].css" />
88

99

1010
<link id="st" href="alternate-spec-style.css" rel="stylesheet"
11-
type="text/css" disabled title="additional spec styles">
11+
type="text/css" disabled title="additional spec styles">
1212

1313
<script type="text/javascript" src="style-toggle.js"></script>
1414

@@ -40,6 +40,37 @@
4040
opacity: 1;
4141
color: #46A4E9;
4242
}
43+
44+
45+
46+
div.issue-marker {
47+
position: absolute;
48+
width: 20ex;
49+
margin-left: -26ex;
50+
padding-right: 0.5em;
51+
font-weight: normal;
52+
font-size: 11px;
53+
text-align: right;
54+
background-color: white;
55+
font-size: 90%;
56+
padding-top: 0px;
57+
padding-bottom: 0px;
58+
}
59+
60+
div.issue-marker a {
61+
color: red;
62+
}
63+
64+
div.issue-marker .desc {
65+
font-size: 80%;
66+
line-height: 1.4em;
67+
}
68+
69+
div.issue-marker .desc strong {
70+
font-weight: bold;
71+
font-size: 120%;
72+
color: red;
73+
}
4374
</style>
4475

4576
</head>
@@ -176,16 +207,6 @@ <h2>Introduction</h2>
176207
the transform completely, since - even transformed - the object should
177208
be acting as "porthole" through which the fixed background can be viewed
178209
in its original form.
179-
</div>
180-
<div class="issue">
181-
This property should also be applicable to SVG elements.
182-
</div>
183-
<div class="issue">
184-
We also need to specify that SVG transforms *do* combine with this
185-
transform, e.g., if a &lt;foreignObject&gt; is inside transformed SVG
186-
and then defines a transform of its own. This means we may potentially
187-
have to examine the current SVG transform and combine with it to set the
188-
correct transform.
189210
</div><!-- ======================================================================================================= -->
190211
<h2 id="transform-property">
191212
The <span class="prop-name">'transform'</span> Property
@@ -294,7 +315,12 @@ <h4 id="transform-attribute-dom">SVG transform attribute DOM</h4>
294315

295316
<div class="issue">
296317
<ul>
297-
<li>Should we also make gradientTransform and patternTransform properties?</li>
318+
<li>Should we also make gradientTransform and patternTransform presentation attributes?
319+
Proposal: they
320+
are the 'presentation attributes' for &lt;gradient&gt; and &gt;pattern&lt; respectively,
321+
for the 'transform' property (i.e., there is no 'gradientTransform' property. Instead, the
322+
'gradientTransform' is a presentation attribute that provides a value for the
323+
'transform' property that applies to the &lt;gradient&gt; element.)</li>
298324
<li>Is this proposal working for SMIL animation of the transform property?</li>
299325
</ul>
300326
</div>
@@ -758,17 +784,20 @@ <h3 id="cssmatrix-interface">
758784
CSSMatrix
759785
</h3>
760786

787+
788+
<div class="issue issue-marker">
789+
<p class="desc">We actually describe a 3x2 matrix here, similar to <a href="http://www.w3.org/TR/SVG/coords.html#InterfaceSVGMatrix">SVGMatrix</a>.
790+
</p></div>
791+
761792
<dl>
762793
<dt>
763794
<b>Interface <i><a id="DOM-CSSMatrix" name='DOM-CSSMatrix'>CSSMatrix</a></i></b>
764795
</dt>
765796
<dd>
797+
766798
<p>
767799
The <code>CSSMatrix</code> interface represents a 3x2 homogeneous matrix.
768800
</p>
769-
<div class="issue">
770-
We actually describe a 3x2 matrix here, similar to <a href="http://www.w3.org/TR/SVG/coords.html#InterfaceSVGMatrix">SVGMatrix</a>.
771-
</div>
772801
<dl>
773802

774803
<dt>
@@ -1154,13 +1183,15 @@ <h3 id="cssmatrix-interface">
11541183
</dd> <!-- Interface CSSMatrix -->
11551184
</dl>
11561185

1186+
<div class="issue issue-marker"><p class="desc">We need to resolve how SVGMatrix and CSSMatrix work together.</p></div>
11571187
<p>
11581188
In addition to the interface listed above, the <code>getComputedStyle</code> method of the <code>Window</code>
11591189
object has been updated. The <code>transform</code> property of the style object returned by
11601190
<code>getComputedStyle</code> contains a DOMString of the form "matrix(a, b, c, d, e, f)"
11611191
representing the 3x2 matrix that is the result of applying the individual functions listed in the
11621192
<code>transform</code> property.
11631193
</p>
1194+
11641195

11651196
<h2>References</h2>
11661197

0 commit comments

Comments
 (0)