mirror of
https://github.com/thorvg/thorvg.git
synced 2025-06-24 17:01:56 +00:00
0e4211fb96
For now it's a simple file used to check the styling precedence and overall correctness. After the css stylling will be fully introduced a more complex file can be used,
32 lines
1 KiB
XML
32 lines
1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
|
|
<rect x="5" y="5" width="50" height="50" class="mineStyle" />
|
|
<circle cx="50" cy="55" r="20" stroke="black" stroke-width="3" class="mineStyle" />
|
|
|
|
<rect x="80" y="5" width="50" height="50" class="mineStyle" style="fill:#000099"/>
|
|
<circle cx="130" cy="55" r="20" style="fill:#006600" stroke="black" stroke-width="3" class="mineStyle" />
|
|
|
|
<defs>
|
|
<style>
|
|
rect.mineStyle {
|
|
fill: blue;
|
|
stroke: #3399ff;
|
|
}
|
|
.mineStyle {
|
|
fill: red;
|
|
stroke: yellow;
|
|
stroke-width: 10;
|
|
}
|
|
circle.mineStyle {
|
|
fill: #00cc00;
|
|
stroke: #99ff33;
|
|
}
|
|
</style>
|
|
</defs>
|
|
|
|
<rect x="5" y="90" width="50" height="50" class="mineStyle" />
|
|
<circle cx="50" cy="140" r="20" stroke="black" stroke-width="3" class="mineStyle" />
|
|
|
|
<rect x="80" y="90" width="50" height="50" class="mineStyle" style="fill:#000099"/>
|
|
<circle cx="130" cy="140" r="20" style="fill:#006600" stroke="black" stroke-width="3" class="mineStyle" />
|
|
|
|
</svg>
|