14.10.2021
Zeichnen Sie jetzt ein Auto. Verwenden Sie Kreise, Polylinien, Polygone und Ellipsen. Setzen Sie auch das Attribut „stroke-dasharray“ sinnvoll ein.
<svg viewBox="0 0 156 77" xmlns="http://www.w3.org/2000/svg">
<polygon points="0, 43 37, 32 51, 0 118, 0 126, 32 156, 35 156, 66 0,66" fill="grey"/>
<circle cx="27" cy="66" r="10" fill="black" stroke="black" stroke-dasharray="2 1" />
<circle cx="27" cy="66" r="5" fill="grey" />
<circle cx="127" cy="66" r="10" fill="black" stroke="black" stroke-dasharray="2 1" />
<circle cx="127" cy="66" r="5" fill="grey" />
<ellipse cx="71" cy="37" rx="4" ry="1" fill="black" />
<ellipse cx="115" cy="37" rx="4" ry="1" fill="black" />
<polygon points="53, 2 80, 2 80, 32 40, 32" fill="white" />
<polygon points="83, 2 116, 2 123, 32 83, 32" fill="white" />
<polyline points="123, 32 116, 62 83, 62 83, 32" stroke-width="0.5" fill="none" stroke="black" />
<polyline points="40, 32 44, 62 80, 62 80, 32" stroke-width="0.5" fill="none" stroke="black" />
</svg>