git_clone/thorvg
1
0
Fork 0
mirror of https://github.com/thorvg/thorvg.git synced 2025-06-14 12:04:29 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

example: cssStyle.svg add

Browse source 
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,
This commit is contained in:
Mira Grudzinska 2022-01-25 12:38:49 +01:00 • committed by Hermet Park
parent 1aaf222b62
commit 0e4211fb96
1 changed files with 32 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/examples/images/cssStyle.svg Normal file
View file

@ -0,0 +1,32 @@
<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>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB