Put status text into seperate group

This commit is contained in:
GHOSCHT 2021-07-10 11:58:39 +02:00
parent bb222d9db9
commit fd5802310b
2 changed files with 4052 additions and 4013 deletions

File diff suppressed because it is too large Load diff

View file

@ -6,31 +6,33 @@
}
.cls-2 {
fill: #2f6087;
}
.cls-3 {
font-size: 20px;
fill: #fff;
font-family: SegoeUI-Bold, Segoe UI;
font-weight: 700;
}
.cls-3 {
fill: #2f6087;
}
</style>
</defs>
<title>Knob2</title>
<title>Knob</title>
<g id="Base">
<path class="cls-1" d="M352.12,273A70.87,70.87,0,1,0,423,343.84,70.86,70.86,0,0,0,352.12,273Zm0,120.48a49.61,49.61,0,1,1,49.61-49.61A49.61,49.61,0,0,1,352.12,393.45Z" transform="translate(-281.26 -272.97)"/>
</g>
<g id="Status">
<text class="cls-2" transform="translate(53.61 77.41)">255</text>
</g>
<g id="Overlay">
<g>
<path class="cls-2" d="M363.54,295.57" transform="translate(-281.26 -272.97)"/>
<path class="cls-2" d="M363.54,295.57a49.44,49.44,0,0,0-11.42-1.34" transform="translate(-281.26 -272.97)"/>
<path class="cls-2" d="M352.12,294.23" transform="translate(-281.26 -272.97)"/>
<path class="cls-2" d="M368.76,275l-.33-.1v0Z" transform="translate(-281.26 -272.97)"/>
<polygon class="cls-2" points="87.18 1.89 87.18 1.89 87.17 1.91 87.17 1.91 87.18 1.89"/>
<polygon class="cls-2" points="82.28 22.58 87.17 1.91 87.17 1.91 82.28 22.58 82.28 22.58"/>
<path class="cls-2" d="M368.76,275l-.33-.08A71.24,71.24,0,0,0,352.12,273a10.71,10.71,0,0,0-10.53,10.73,10.53,10.53,0,0,0,10.53,10.53,49.44,49.44,0,0,1,11.42,1.34v0a10.33,10.33,0,0,0,12.56-7.68A10.79,10.79,0,0,0,368.76,275Z" transform="translate(-281.26 -272.97)"/>
<path class="cls-3" d="M363.54,295.57" transform="translate(-281.26 -272.97)"/>
<path class="cls-3" d="M363.54,295.57a49.44,49.44,0,0,0-11.42-1.34" transform="translate(-281.26 -272.97)"/>
<path class="cls-3" d="M352.12,294.23" transform="translate(-281.26 -272.97)"/>
<path class="cls-3" d="M368.76,275l-.33-.1v0Z" transform="translate(-281.26 -272.97)"/>
<polygon class="cls-3" points="87.18 1.89 87.18 1.89 87.17 1.91 87.17 1.91 87.18 1.89"/>
<polygon class="cls-3" points="82.28 22.58 87.17 1.91 87.17 1.91 82.28 22.58 82.28 22.58"/>
<path class="cls-3" d="M368.76,275l-.33-.08A71.24,71.24,0,0,0,352.12,273a10.71,10.71,0,0,0-10.53,10.73,10.53,10.53,0,0,0,10.53,10.53,49.44,49.44,0,0,1,11.42,1.34v0a10.33,10.33,0,0,0,12.56-7.68A10.79,10.79,0,0,0,368.76,275Z" transform="translate(-281.26 -272.97)"/>
</g>
<text class="cls-3" transform="translate(53.61 77.41)">255</text>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB