SVG Support im Webinterface

    Hallo ich bin einwenig am rumstümpern nachdem mir gutemine eine vorlage gegeben hat
    muss ich irgend etwas beachten beim verwenden von svg bilddatein ?
    weil sie werden bei mir nicht angezeigt wenn ich sie anstelle von png verwende


    oder werden svg nicht unterstützt ?

    Das muss der browser wissen, wenn du ein gülties html erzeugst wird es auch gehen (Seitenquelltext im Borwser annzeigen)


    Nur ist die syntaxt etwas anders weil du das <svg> tag verwenden musst, schau dir mal den inhalt eines svg files an


    ttps://www.w3schools.com/graphics/svg_intro.asp


    Und statt den pfad zum svg file anzugeben (das ja selber bereits xml ist) liest du den File Inhalt in pyton auf eine
    string variable ein


    f=open("file.svg","r")
    inhaltdessvgfiles=f.read()
    f.close()


    die du dann innerhab des html als svg tag machst also so in der Art:


    hmtl="...%s ..." % inhaltdessvgfiles

    3 Mal editiert, zuletzt von Lost in Translation ()

    ich weiß wie die aussehen :smiling_face:
    ich hab sie ja in oscam eingebaut
    dort musste ich sie encodieren in base64

    Code
    cat ICEDI.svg
data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJJQ0VESSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjIycHgiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjIgMjIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxyZWN0IGZpbGw9Im5vbmUiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIvPgogIDxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNCwxMyAzLDE5IDksMTggIi8+CiAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUgMTJsOS40MTQtOS4yNDNjMC4zODktMC4zODkgMS4wMjUtMC4zODkgMS40MTQgMGwzLjQxNSAzLjQxNWMwLjM4OSAwLjM4OSAwLjM4OSAxLjAyNSAwIDEuNDE0TDEwIDE3IDUgMTJ6Ii8+Cjwvc3ZnPg==


    hmh als string in python ok das geht ja noch aber ist ganz schön umständlich
    das muss ich dann für jedes bild einzeln machen

    jein, dafür wäre eine python methode sinnvoll, sonst wird der code unuebersichtlich, also so in der art:


    html="....%s...." % self.loadsvg(file.svg)

    nein weil die ja dann im html embedded sind musst du die files nicht mehr in der root des webservers (verlinked) haben.


    Wenn du nicht zurecht kommst schick mit halt eines deiner svg und ich mach dir auch dafür noch ein Beispiel, dann ist es nur mehr cut & paste.