![[TH] SVG Templates](/data/resource_icons/3/3002.jpg?1493080803){kind=icon}
What does this add-on do?
This add-on adds a file svg.php to the base directory of your XenForo installation, which you can use to load Scalable Vector Graphics (SVG) images that are stored as templates.
As it is a vector image format, using SVG images on your site means that your users can zoom in on your images as much as they like without them losing any definition or becoming pixelated. This is becoming more common with users of mobile devices and high resolution screens/tablets, and all major modern web browsers now have at least some degree of support for SVG.
SVG images and their behaviors are defined in XML. This means that they can be searched, indexed and scripted, just like your HTML and CSS templates.
You can link to SVG files from your templates using special variables to allow for the magic to happen, as follows:
HTML:
<img src="svg.php?svg=XXXXXXXX&style={xen:urlencode $_styleId}&language={$visitorLanguage.language_id}&dir={$visitorLanguage.text_direction}&d={$visitorStyle.last_modified_date}" />
where XXXXXXXX is the name of your template without the .svg suffix (the actual SVG template name must end with .svg). All of the above variables (except the svg=XXXXXXXX bit) are optional.
Using this add-on, your SVG images can be cached (if you have a file cache installed on your server) and can be compressed with GZIP (if the user's browser supports it).
This add-on adds a file svg.php to the base directory of your XenForo installation, which you can use to load Scalable Vector Graphics (SVG) images that are stored as templates.
As it is a vector image format, using SVG images on your site means that your users can zoom in on your images as much as they like without them losing any definition or becoming pixelated. This is becoming more common with users of mobile devices and high resolution screens/tablets, and all major modern web browsers now have at least some degree of support for SVG.
SVG images and their behaviors are defined in XML. This means that they can be searched, indexed and scripted, just like your HTML and CSS templates.
You can link to SVG files from your templates using special variables to allow for the magic to happen, as follows:
HTML:
<img src="svg.php?svg=XXXXXXXX&style={xen:urlencode $_styleId}&language={$visitorLanguage.language_id}&dir={$visitorLanguage.text_direction}&d={$visitorStyle.last_modified_date}" />
where XXXXXXXX is the name of your template without the .svg suffix (the actual SVG template name must end with .svg). All of the above variables (except the svg=XXXXXXXX bit) are optional.
Using this add-on, your SVG images can be cached (if you have a file cache installed on your server) and can be compressed with GZIP (if the user's browser supports it).
