Doni/ModelHandle
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add svg css styling test.

Browse Source
This commit is contained in:
kovacsv 2023-05-14 10:00:31 +02:00
parent ab36f34c73
commit 0e5e5f1ddf
2 changed files with 79 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
sandbox/svg_css_test.html Normal file
View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<title>SVG CSS Styling Test</title>
<style>
:root
{
--circle_color: green;
}
svg
{
width: 95px;
height: 50px;
display: block;
}
</style>
</head>
<body>
<svg><use href="svg_css_test.svg#test"></use></svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="95"
height="50"
viewBox="0 0 25 13"
version="1.1"
id="test"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<g
id="layer1">
<circle
style="fill:#0000ff;stroke:none;"
id="path238"
cx="6.614583"
cy="6.6145835"
r="5.2916665" />
<circle
style="fill:var(--circle_color);stroke:none;"
id="path238-7"
cx="18.520834"
cy="6.6145835"
r="5.2916665" />
</g>
</svg>
</body>
</html>

25
sandbox/svg_css_test.svg Normal file
View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="95"
height="50"
viewBox="0 0 25 13"
version="1.1"
id="test"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<g
id="layer1">
<circle
style="fill:#0000ff;stroke:none;"
id="path238"
cx="6.614583"
cy="6.6145835"
r="5.2916665" />
<circle
style="fill:var(--circle_color);stroke:none;"
id="path238-7"
cx="18.520834"
cy="6.6145835"
r="5.2916665" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 555 B