mirror of
https://github.com/swc-project/swc.git
synced 2024-12-22 21:21:31 +03:00
117 lines
1.9 KiB
HTML
117 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<body>
|
|
<svg width="120" height="220"
|
|
viewPort="0 0 120 120" version="1.1"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
|
|
<style type="text/css" >
|
|
<![CDATA[
|
|
rect.rectClass {
|
|
stroke: #000066;
|
|
fill: #00cc00;
|
|
}
|
|
circle.circleClass {
|
|
stroke: #006600;
|
|
fill: #cc0000;
|
|
}
|
|
]]>
|
|
</style>
|
|
|
|
<rect class="rectClass foo bar
|
|
|
|
baz" x="10" y="10" width="100" height="100"/>
|
|
<circle class="circleClass" cx="40" cy="50" r="26"/>
|
|
</svg>
|
|
|
|
<div class="
|
|
|
|
|
|
small
|
|
|
|
|
|
|
|
|
|
big
|
|
|
|
|
|
|
|
"></div>
|
|
|
|
<svg viewBox="0 0 240 80" xmlns="http://www.w3.org/2000/svg">
|
|
<text x="20" y="35" class="
|
|
|
|
|
|
small
|
|
|
|
|
|
|
|
|
|
big
|
|
|
|
|
|
|
|
">My</text>
|
|
</svg>
|
|
|
|
<math>
|
|
<mrow>
|
|
<mrow>
|
|
<msup>
|
|
<mi>a</mi>
|
|
<mn>2</mn>
|
|
</msup>
|
|
<mo>+</mo>
|
|
<msup>
|
|
<mi class="
|
|
|
|
|
|
small
|
|
|
|
|
|
|
|
|
|
big
|
|
|
|
|
|
|
|
">b</mi>
|
|
<mn>2</mn>
|
|
</msup>
|
|
</mrow>
|
|
<mo>=</mo>
|
|
<msup>
|
|
<mi>c</mi>
|
|
<mn>2</mn>
|
|
</msup>
|
|
</mrow>
|
|
</math>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
|
<circle cx="100" cy="50" r="40" stroke="black"
|
|
stroke-width="2" fill="red" />
|
|
</svg>
|
|
|
|
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" version="1.1">
|
|
<defs>
|
|
<style type="text/css"><![CDATA[
|
|
#MyRect {
|
|
stroke: black;
|
|
fill: red;
|
|
}
|
|
]]></style>
|
|
</defs>
|
|
<rect x="10" height="180" y="10" width="180" id="MyRect"/>
|
|
</svg>
|
|
|
|
<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- Example of a polygon with the default fill -->
|
|
<polygon id="" points="0,100 50,25 50,75 100,0" />
|
|
|
|
<!-- Example of the same polygon shape with stroke and no fill -->
|
|
<polygon id="" points="100,100 150,25 150,75 200,0"
|
|
fill="black" stroke="black" />
|
|
</svg>
|
|
|
|
</body>
|
|
</html> |