XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Grafik, Design, Typografie (http://xhtmlforum.de/forumdisplay.php?f=86)
-   -   SVG, Umrisse einer Yacht (http://xhtmlforum.de/showthread.php?t=74157)

Iago2 01.12.2020 22:37

SVG, Umrisse einer Yacht
 
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

cloned 02.12.2020 09:14

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.

Iago2 03.12.2020 20:11

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%">

cloned 04.12.2020 10:13

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.

Iago2 04.12.2020 22:25

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.

cloned 07.12.2020 10:52

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?

luckyrobbkia 09.01.2021 11:36

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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:27 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023