Files
tesla-cam-view/static/img/car.svg
T

102 lines
1.8 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 400" class="car-svg">
<style>
:root { --accent: #ff0000; --text-muted: #888888; }
</style>
<!-- Car body -->
<rect
x="55"
y="80"
width="90"
height="240"
rx="30"
ry="30"
fill="none"
stroke="var(--text-muted)"
stroke-width="2"
/>
<!-- Windshield -->
<line
x1="65"
y1="110"
x2="135"
y2="110"
stroke="var(--text-muted)"
stroke-width="1.5"
/>
<!-- Back view -->
<line
x1="65"
y1="290"
x2="135"
y2="290"
stroke="var(--text-muted)"
stroke-width="1.5"
/>
<!-- Front view camera dot -->
<circle cx="100" cy="78" r="5" fill="var(--accent)" />
<!-- Back view camera dot -->
<circle cx="100" cy="322" r="5" fill="var(--accent)" />
<!-- Left repeater dot -->
<circle cx="53" cy="130" r="4" fill="var(--accent)" />
<!-- Right repeater dot -->
<circle cx="147" cy="130" r="4" fill="var(--accent)" />
<!-- Left pillar dot -->
<circle cx="53" cy="200" r="4" fill="var(--accent)" />
<!-- Right pillar dot -->
<circle cx="147" cy="200" r="4" fill="var(--accent)" />
<!-- Labels -->
<text
x="100"
y="68"
text-anchor="middle"
fill="var(--text-muted)"
font-size="9"
>
Front
</text>
<text
x="100"
y="342"
text-anchor="middle"
fill="var(--text-muted)"
font-size="9"
>
Back
</text>
<text
x="42"
y="134"
text-anchor="end"
fill="var(--text-muted)"
font-size="8"
>
L Rep
</text>
<text
x="158"
y="134"
text-anchor="start"
fill="var(--text-muted)"
font-size="8"
>
R Rep
</text>
<text
x="42"
y="204"
text-anchor="end"
fill="var(--text-muted)"
font-size="8"
>
L Pil
</text>
<text
x="158"
y="204"
text-anchor="start"
fill="var(--text-muted)"
font-size="8"
>
R Pil
</text>
</svg>