Beachte auch, dass Contao einen BASE-Tag im HEAD benutzt. Deswegen wird folgendes Beispiel nicht funktionieren. http://www.w3schools.com/svg/tryit.a...=trysvg_linear
HTML-Code:
<svg height="150" width="400">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
</linearGradient>
</defs>
<ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)" />
</svg>
Der Verweis auf die IDs innerhalb der SVGs muss deshalb die aktuelle Seite beinhalten.
HTML-Code:
...
<ellipse cx="200" cy="70" rx="85" ry="55" fill="url(de/foobar.html#grad1)" />
...
Evtl. musst du das auch bei deinem JS und CSS berücksichtigen.
Die aktuelle Seite kannst du dynamisch holen mit nem Insert-Tag (BE), der Environment-Klasse (Template, Include) oder Javascript.
Code:
<ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)" />
<ellipse cx="200" cy="70" rx="85" ry="55" fill="url(de/foobar.html#grad1)" />
<ellipse cx="200" cy="70" rx="85" ry="55" fill="url({{env::request}}#grad1)" />
<ellipse cx="200" cy="70" rx="85" ry="55" fill="url(<?= \Environment::get('request') ?>#grad1)" />