agerix/iconify
2
0
Fork 0
mirror of https://github.com/iconify/iconify.git synced 2024-11-16 17:45:09 +00:00
Code Issues Releases Activity

Function to generate SVG content, fix viewBox case

Browse Source
This commit is contained in:
cyberalien 2017-03-22 16:31:49 +02:00
parent 1a24c9e59e
commit 2b83db9c1b
1 changed files with 60 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
src/browser/renderer.js
View File

@ -24,6 +24,38 @@
transformationChanges = {},
transformationClasses;
/**
* Generate SVG code
*
* @param {string} html SVG code with all attributes
* @param {string} body Body
* @return {string}
*/
function generateSVG(html, body) {
var pos;
if (html.slice(0, 2) === '<?') {
// XML prefix from old IE
pos = html.indexOf('>');
html = html.slice(pos + 1);
}
// Fix viewBox attribute
html = html.replace('viewbox=', 'viewBox=');
// Add body
pos = html.indexOf('</');
if (pos !== -1) {
// Closing tag
html = html.replace('</', body + '</');
} else {
// Self-closing
html = html.replace('/>', '>' + body + '</svg>');
}
return html;
}
// Add transformations
transformationChanges[hFlipClass] = {
attr: 'hFlip',
@ -54,7 +86,7 @@
SimpleSVG._renderSVG = function(image, hidden) {
var attributes = SimpleSVG._getImageAttributes(image),
item = SimpleSVG.getIcon(image.icon),
svg, el, el2, data, html, pos;
svg, el, el2, data, html;
hidden = hidden === true;
@ -83,20 +115,8 @@
if (!hidden) {
// innerHTML is not supported for SVG element :(
// Creating temporary element instead
html = el.outerHTML;
if (html.slice(0, 2) === '<?') {
// XML prefix from old IE
pos = html.indexOf('>');
html = html.slice(pos + 1);
}
pos = html.indexOf('</');
if (pos !== -1) {
// Closing tag
html = html.replace('</', data.body + '</');
} else {
// Self-closing
html = html.replace('/>', '>' + data.body + '</svg>');
}
html = generateSVG(el.outerHTML, data.body);
el = document.createElement('span');
el.innerHTML = html;
}
@ -116,4 +136,29 @@
image.hidden = hidden;
};
/**
* Get SVG icon code
*
* @param {string} name Icon name
* @param {object} [properties] Custom properties
* @return {string|false}
*/
SimpleSVG.getSVG = function(name, properties) {
var svg, el, data;
if (!SimpleSVG.iconExists(name)) {
return false;
}
svg = new SimpleSVG._SVG(SimpleSVG.getIcon(name));
data = svg.svgObject(properties, false);
el = document.createElement('svg');
Object.keys(data.attributes).forEach(function(attr) {
el.setAttribute(attr, data.attributes[attr]);
});
return generateSVG(el.outerHTML, data.body);
};
})(self.SimpleSVG);