SVGs in MVC-Framework organisieren

[Gunnar Bittersmann]

@@borisbaer

1. Einfach immer wieder kopieren (schlecht, falls man was an der SVG ändern möchte).

Ja, schlecht.

2. Über den use-Tag reinholen (nicht animierbar?)

Ist es nicht?

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 }

Den Code würde ich dir beim Review nicht durchgehen lassen.

Wenn schon, dann so:

<?php
function checkbox() {
  echo <<<EOT
    <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>
EOT;
}
?>

Aber warum nicht den SVG-Code in eine Datei checkbox.svg und diese einbinden?

<?php readfile('checkbox.svg'); ?>

Du willst die System-Checkboxen durch eigene ersetzen? Kann man machen. Dabei kann man aber auch einiges falsch machen. Möchtest du deine Lösung hier zum Draufschauen präsentieren?

🖖 Живіть довго і процвітайте