Good
This commit is contained in:
@@ -30,11 +30,26 @@
|
|||||||
<div id="speedometer">
|
<div id="speedometer">
|
||||||
<!-- Inline SVG for speedometer -->
|
<!-- Inline SVG for speedometer -->
|
||||||
<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
|
<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
|
||||||
<image href="img/Speed.png" x="0" y="0" width="300" height="200"/>
|
|
||||||
|
<circle cx="150" cy="120" r="120" fill="black" />
|
||||||
|
|
||||||
|
<!-- <image href="img/Speed.png" x="0" y="0" width="300" height="200"/> -->
|
||||||
|
<g id="ticks" stroke="white" stroke-width="3" stroke-linecap="round" transform="rotate(-90 150 120)">
|
||||||
|
<line x1="120" y1="68.038" x2="110" y2="50.718" />
|
||||||
|
<line x1="143.728" y1="60.329" x2="141.638" y2="40.438" />
|
||||||
|
<line x1="168.541" y1="62.936" x2="174.721" y2="43.915" />
|
||||||
|
<line x1="190.148" y1="75.411" x2="203.531" y2="60.548" />
|
||||||
|
<line x1="204.813" y1="95.596" x2="223.084" y2="87.461" />
|
||||||
|
<line x1="210" y1="120" x2="230" y2="120" />
|
||||||
|
<line x1="204.813" y1="144.404" x2="223.084" y2="152.539" />
|
||||||
|
<line x1="190.148" y1="164.589" x2="203.531" y2="179.452" />
|
||||||
|
<line x1="168.541" y1="177.064" x2="174.721" y2="196.085" />
|
||||||
|
<line x1="143.728" y1="179.671" x2="141.638" y2="199.562" />
|
||||||
|
<line x1="120" y1="171.962" x2="110" y2="189.282" />
|
||||||
|
</g>
|
||||||
|
|
||||||
<line id="needle" x1="150" y1="120" x2="150" y2="70" stroke="#e74c3c" stroke-width="6" stroke-linecap="round" />
|
<line id="needle" x1="150" y1="120" x2="150" y2="70" stroke="#e74c3c" stroke-width="6" stroke-linecap="round" />
|
||||||
<text id="kmText" x="280" y="160" font-size="20" text-anchor="end" fill="#333">
|
<text id="TotalKm" x="190" y="190" font-size="20" text-anchor="end" fill="#AAA">0.0</text>
|
||||||
0
|
|
||||||
</text>
|
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div style="text-align:center; margin-top:20px;">
|
<div style="text-align:center; margin-top:20px;">
|
||||||
|
|||||||
Reference in New Issue
Block a user