|
|||
![]()
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 |
Sponsored Links |
|
|||
![]()
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. |
Sponsored Links |
|
|||
![]()
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. |
![]() |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
SVG Background Image: Problem nur auf Safari macOS und iOS | AndreasB | CSS | 2 | 19.07.2019 12:41 |
SVG mit jQuery: stroke einfärben | Communicate | Javascript & Ajax | 0 | 28.09.2017 21:36 |
SVG aus Photoshop/Illustrator | padding | Grafik, Design, Typografie | 3 | 21.01.2017 19:26 |
svg grafik und gradient im hintergrund beisst sich?? | irmen | CSS | 2 | 02.12.2016 00:05 |
'=' Zeichen nicht erlaubt in svg Datei ? | Feirell | (X)HTML | 19 | 18.05.2013 15:58 |