borisbaer: SVGs in MVC-Framework organisieren

Beitrag lesen

Hallo zusammen,

ich möchte ein Problem angehen, das ich jetzt eine Weile vor mir hergeschoben habe, und zwar die Frage, wie ich in meinem OOPHP-Framework sich wiederholende SVGs organisieren bzw. einfügen soll.

Es geht hier nicht um statische SVGs, sondern um welche, die animierbar sein sollen und die ich je nach Kontext stylen kann.

Es gibt ja zahlreiche Möglichkeiten:

  1. Einfach immer wieder kopieren (schlecht, falls man was an der SVG ändern möchte).
  2. Über den use-Tag reinholen (nicht animierbar?)
  3. Über include-Funktionen, z.B.:
<?php
function checkbox() { ?>
	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 288">
		<path class="a" d="M272,156v84a32,32,0,0,1-32,32H48a32,32,0,0,1-32-32V48A32,32,0,0,1,48,16H240a32,32,0,0,1,32,32V158.65"/>
		<polyline class="b" points="271.7 46.4 143 175.1 94.9 127.1"/>
	</svg>
<?php }

Irgendwie scheint mir egal welche Möglichkeit nicht so ganz optimal zu sein.

Kann mir da jemand weiterhelfen?

Viele Grüße
Boris

akzeptierte Antworten

0 38

SVGs in MVC-Framework organisieren

borisbaer
  • php
  • svg
  1. 0
    Gunnar Bittersmann
    1. 0
      Der Martin
      1. 0
        Gunnar Bittersmann
        1. 0
          Gunnar Bittersmann
          • performance
          • php
        2. 0
          Rolf B
          1. 0
            Gunnar Bittersmann
            • php
            • programmierstil
            1. 0
              Rolf B
          2. 0
            borisbaer
    2. 0
      borisbaer
      1. 0
        Gunnar Bittersmann
        • barrierefreiheit
        • css
        • ux
        1. 0
          Gunnar Bittersmann
          • barrierefreiheit
          • html
        2. 0
          Gunnar Bittersmann
          • design
          • formulare
          • ux
        3. 0
          Gunnar Bittersmann
          • css
          • design
          • ux
        4. 0
          borisbaer
          1. 0
            Gunnar Bittersmann
            • ux
          2. 0
            Der Martin
            1. 1
              Tabellenkalk
              1. 0
                Gunnar Bittersmann
                1. 0
                  Tabellenkalk
                  1. 0
                    Gunnar Bittersmann
                    • menschelei
        5. 0
          borisbaer
          1. 1
            Gunnar Bittersmann
            • design
            • ux
            • zitat
            1. 0
              Gunnar Bittersmann
              1. 0
                Robert B.
                1. 0
                  Der Martin
                  1. 0
                    Gunnar Bittersmann
                  2. 0
                    Robert B.
                    • design
                    • offtopic
                    • ux
  2. 0
    Gunnar Bittersmann
    • svg
    • tools
    1. 0
      borisbaer
  3. 1
    Rolf B
    1. 0
      Matthias Scharwies
      1. 0
        Rolf B
        1. 0
          Matthias Scharwies
          1. 0
            Rolf B
            1. 0
              Matthias Scharwies
              1. 0
                Rolf B
      2. 0

        SVG: use-element + css-animation

        Matthias Scharwies