Matthias Scharwies: Logo in SVG

Beitrag lesen

Servus!

Mit svg habe ich mich noch nicht so sehr auseinandergesetzt. Muss ich erst schauen ob dies bei Corel Draw X6 möglich ist.

SVG-Grafiken werden im Allgemeinen mit Adobe Ilustrator oder dem kostenlosen Inkscape erstellt. Du kannst das aber auch direkt im Code-Editor bearbeiten, da es ja ein XML-Dialekt ist.

Ich hier mal die bestehende Grafik quick & dirty realisiert:

<svg width="300" height="83" viewBox="0 0 300 83" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <title>Plasa Logo</title>
  <style>
    text {
      font-size: 14px;
    }
  
    .name {
	    fill: #08aaf1;
	    font-size: 30px;
	  }
	
  	.rechtsform {
	    font-size: 20px;
	  }
  </style>
  <rect class="nur-zum-gucken-wie-groß-das-Bild-ist" x="1" y="1" width="298" height="78" fill="none" stroke="pink"/>
  
  <text class="name" x="3" y="30">PLASA</text>
  <text class="rechtsform" x="105" y="30" >GbR</text> 


  <text x="3" y="45" >
    <tspan >Gesellschaft für Planung und Abrechnung  </tspan>
    <tspan x="3" y="62">stromerzeugender Anlagen,</tspan>  
    <tspan x="3" y="78">Wärmemessdienst, Heizkostenabrechnung</tspan>
  </text>  
</svg>

Kopier das in deinen Editor, speicher es im svg.Format ab und öffne es im Browser. Du kannst alle Elemente mit CSS stylen. Besser wäre es aber, so etwas von einem Grafiker entwickeln zu lassen.

Herzliche Grüße

Matthias Scharwies

--
Es gibt viel zu tun: ToDo-Liste
0 53

Zoomfaktor vom Browser relevant?

Christian Huml
  • browser
  • css
  • html
  1. 2
    Matthias Scharwies
    1. 1
      Christian Huml
      1. 3
        Gunnar Bittersmann
        • browser
        • responsive design
        1. 3
          Matthias Scharwies
          1. 0
            Christian Huml
            1. 1
              Auge
              • browser
              • css
              • responsive design
              1. 0
                Christian Huml
              2. 2
                Matthias Scharwies
                1. 1
                  Auge
                  1. 0
                    Christian Huml
                    1. 0
                      Auge
                2. 0
                  Christian Huml
                  1. 1
                    Auge
                    • css
                    • html
                    • responsive design
                    1. 0
                      Christian Huml
                      1. 2
                        Auge
                    2. 1
                      marctrix
                      1. 1
                        Auge
                        1. 1
                          marctrix
                  2. 2

                    Logo in SVG

                    Matthias Scharwies
                    • svg
                    1. 1
                      Matthias Apsel
                      1. 0
                        Matthias Scharwies
                        1. 1
                          Matthias Apsel
                    2. 0
                      Christian Huml
                    3. 0
                      Christian Huml
                      1. 0
                        Christian Huml
                        1. 0
                          Christian Huml
                          1. 0
                            Gunnar Bittersmann
                            • css
                            • svg
                            1. 0
                              Christian Huml
                              1. 1
                                Matthias Apsel
                              2. 0
                                Gunnar Bittersmann
                                1. 0
                                  Christian Huml
                                  1. 0
                                    Gunnar Bittersmann
                                    1. 0
                                      Christian Huml
                                      1. 2
                                        Matthias Apsel
                                        1. 0
                                          Christian Huml
                                          1. 2
                                            Matthias Apsel
                                            1. 0
                                              Christian Huml
                                              1. 0
                                                marctrix
                                                1. 0
                                                  Gunnar Bittersmann
                                                  • meinung
                                                  1. 0
                                                    marctrix
                                            2. 1
                                              Gunnar Bittersmann
                                          2. 1
                                            Tabellenkalk
                                            • rechtschreibung
                                            1. 0
                                              Christian Huml
                                              1. 0
                                                Robert B.
                                                • sonstiges
                                                1. 0
                                                  Christian Huml
                                          3. 1
                                            marctrix
                                      2. 1
                                        Gunnar Bittersmann
                                      3. 0
                                        Gunnar Bittersmann
                3. 1
                  marctrix
  2. 2
    marctrix
    1. 0
      Christian Huml
      1. 2
        Matthias Scharwies