Ankündigung

Einklappen
Keine Ankündigung bisher.

SVG manipulieren

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • SVG manipulieren

    Ich würde gern auf einer Seite eine SVG-Grafik anzeigen. konkret handelt es sich um eine Dummykarte aus der Wikipedia, bei der man die Bundesländer theoreisch einfärben kann. Derzeit ist die Karte grau und hat nur Landesgrenzen eingezeichnet.

    Wenn ich das SVG direkt mit in HTML einbette, ist die HTML 1MB groß und wird leider auch nicht vom Cache des Browsers erfasst.
    Setze ich die SVG als typisches Bild über img-Tag ein, kann ich dann noch per css auf die Eigenschaften zugreifen um diese zu manipulieren?
    Ich würde gern die Karte dynamisch anpassen, je nach Datenlage entsprechend umfärben.
    bitcoin.de <- Meine Freelancerwährung

  • #2
    Hilft dir diese Seite weiter? https://vecta.io/blog/best-way-to-embed-svg

    Kommentar


    • #3
      Zitat von Alpha Beitrag anzeigen
      Ich würde gern auf einer Seite eine SVG-Grafik anzeigen. konkret handelt es sich um eine Dummykarte aus der Wikipedia, bei der man die Bundesländer theoreisch einfärben kann. Derzeit ist die Karte grau und hat nur Landesgrenzen eingezeichnet.

      Wenn ich das SVG direkt mit in HTML einbette, ist die HTML 1MB groß und wirg leider auch nicht vom Cache des Browsers erfasst.
      Setze ich die SVG als typisches Bild über img-Tag ein, kann ich dann noch per css auf die Eigenschaften zugreifen, um diese zu manipulieren?
      Ich würde gern die Karte dynamisch anpassen, je nach Datenlage entsprechend umfärben.
      Wieso ist das svg so groß ? wie genau sind die Landesgrenzen ?
      will sehen.

      Kommentar


      • #4
        tomBuilder
        https://de.wikipedia.org/wiki/Datei:...in_Germany.svg
        668KB

        Alpha
        https://commons.wikimedia.org/wiki/F...eutschland.svg
        hier sind es dann nur noch 108KB

        Kommentar


        • #5

          tolles svg :
          443px-Locator_map_Thuringia_in_Germany.svg.png: PNG image data, 443 x 599, 8-bit/color RGBA, non-interlaced

          Kommentar


          • #6
            Wenn man auf die von Protestix genannte Variante

            https://commons.wikimedia.org/wiki/F...eutschland.svg

            svgo (https://github.com/svg/svgo) anwendet, lässt sich ohne Parameter die Größe auf ca. 82 kB reduzieren, mit dem Parameter -p 2 kommt man sogar auf ca 64 kB.

            Kommentar


            • #7
              Ich kriege in beiden Fällen nur pngs,
              hast Du mir ein Link zu einer svg mephisto111 ?

              //update:

              found:
              https://upload.wikimedia.org/wikiped...eutschland.svg
              Länge: 110986 (108K) [image/svg+xml]

              Kommentar


              • #8
                Zitat von tomBuilder Beitrag anzeigen
                tolles svg :
                443px-Locator_map_Thuringia_in_Germany.svg.png: PNG image data, 443 x 599, 8-bit/color RGBA, non-interlaced
                darunter steht

                Originaldatei ‎(SVG-Datei, Basisgröße: 592 × 801 Pixel, Dateigröße: 668 KB)


                Kommentar


                • #9
                  Zitat von protestix Beitrag anzeigen
                  darunter steht
                  Originaldatei ‎(SVG-Datei, Basisgröße: 592 × 801 Pixel, Dateigröße: 668 KB)
                  Danke, hatte das dann auch irgendwann gefunden, jedenfalls bei der Deutschland datei.


                  die Thüringen ist wesentlich größer, liegt wohl an der masse an zusätzlichen polygon/polyline.
                  Sind das die (Land-)Kreise ?
                  Leider kann ich die svg nicht im viewer öffnen (

                  Kommentar


                  • #10
                    Danke für die Links, die Karten schauen noch besser aus, als das was ich gefunden habe.
                    bitcoin.de <- Meine Freelancerwährung

                    Kommentar


                    • #11
                      Zitat von Zeichen32 Beitrag anzeigen
                      Hilft dir diese Seite weiter? https://vecta.io/blog/best-way-to-embed-svg
                      Danke! Schau ich mir mal an.
                      bitcoin.de <- Meine Freelancerwährung

                      Kommentar


                      • #12
                        Zitat von tomBuilder Beitrag anzeigen
                        die Thüringen ist wesentlich größer, liegt wohl an der masse an zusätzlichen polygon/polyline.
                        Sind das die (Land-)Kreise ?
                        Keine Ahnung, so genau habe ich mir das nicht angeschaut, aber kann schon sein das die Karte als Grundlage oder von einer Grundlage mit mehr Infos stammt.
                        Zitat von tomBuilder Beitrag anzeigen
                        Leider kann ich die svg nicht im viewer öffnen (
                        Welchen?
                        Inkscape öffnet und stellt die Karte dar.

                        Kommentar


                        • #13
                          Zitat von protestix Beitrag anzeigen
                          Keine Ahnung, so genau habe ich mir das nicht angeschaut, aber kann schon sein das die Karte als Grundlage oder von einer Grundlage mit mehr Infos stammt.

                          Welchen?
                          Inkscape öffnet und stellt die Karte dar.
                          dann siehst Du ja mehr als ich, mein inkscape stellt sich gerade etwas an, komische fehlermeldung wegen irgenwelcher definitionen im Kopf der svg

                          und der browser zoomt nicht genug.

                          die deutschland hat alle bundesländer die thuerigen einen haufen (ca 300 ) polygon/polyline mehr.

                          Kommentar

                          Lädt...
                          X