Hallo,

Ich arbeite mich gerade in svg ein, kann also Kreise, Rechtecke uns Polylines zeichnen. (alles mit HTML) Wie sieht es aber z.B. mit den Umrissen einer Yacht aus:

Hier z.B.: (also nur die Umrisse, keine Details)

https://www.pinterest.co.uk/pin/302304193737722647/

Für eine Hilfestellung wäre ich sehr dankbar.

Danke, iago

du zeichnest einfach mehrere Linien die dann dein Endergebnis repräsentieren. Ich würde es so angehen, du zeichnest ein grobes Objekt in einem SVG Programm (inkscape zb, das gibt es kostenlos) und shcaust dir den vom Programm generierten SVG Code an.
Den Code kannst du dann als ersten Denkanstoß nehmen und selber optimieren. Oder gleich so übernehmen und im HTML einbetten.

Danke #cloned für die Info.

Ich hab einfach mal 2 Rechtecke gezeichnet. Ich hab jetzt im svg die ganzen xml Namensräume und auch ein tag, welche sich "sodipodi:namedview" nennt.
Benötige ich das alles für meine HTML Datei oder reicht einfach z.Bsp: <svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%">

Auswendig weiß ich das nicht, aber ich kann dir sagen wie ich bei so etwas vorgehe:

Zuerst erstelle ich das SVG, zb in Inkscape oder ich bekomme es schon fertig geliefert.
Dieses SVG File füge ich in https://jakearchibald.github.io/svgomg/ ein, das ist ein online tool welches dir dein SVG für den Browser optimiert. Es schmeißt alle nicht benötigten Attribute etc. raus und kann auch sonst noch einiges.

Das so komprimierte SVG kann man sich dann wieder herunter laden und einfach in der Website verwenden.

Hi,
also die online Version von svgomg hat bei mit nicht so richtig funktioniert, auch beim installieren gab es Schwierigkeiten (benötigt Python2.x)
Ich hab mir svgo-master von github heruntergeladen und mit NPM (nodes package manager) installiert, man muss eben alles über die Konsole machen.

Was hat da denn nicht so ganz funktioniert? Drag + Drop vom SVG auf die Seite und das war es dann doch eigentlich schon.
Hat er dein SVG nicht korrekt erkannt?

Ich hab mir svgo-master von github heruntergeladen und mit NPM