Skip to content

Instantly share code, notes, and snippets.

@nt1m

nt1m/svg-cleanup.js

Created August 1, 2015 02:30
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save nt1m/21217e3e2ea5b0c0586b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save nt1m/21217e3e2ea5b0c0586b to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. nt1m created this gist Aug 1, 2015.
    107 changes: 107 additions & 0 deletions svg-cleanup.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,107 @@
    // WIP, most of this doesn't work
    var svgns = "http://www.w3.org/2000/svg";

    var banned = {
    namespaces: ["sketch", "illustrator", "sopodi", "inkscape"],
    tags: ["title", "desc"],
    tagsIfEmpty: ["defs", "g", "style"],
    attributes: ["enable-background", "xml:space", "version"]
    };
    var invisibleShapesData = {
    fill: ["none", "transparent"],
    stroke: ["none", "transparent"],
    "stroke-width": ["0"],
    };
    var defaultValues = {
    "stroke-width": ["0"],
    "stroke": ["none", "transparent"]
    };
    var namespaceRegex = /([A-Z]\w*):([A-Z]\w*)/ig;

    var rootNode = document.querySelector("svg");
    var nodes = document.getElementsByTagName("*");

    for (var node of nodes) {
    console.log("----", node.tagName, "----")
    // Remove banned tags
    if (banned.tags.indexOf(node.tagName) > -1) {
    node.remove();
    continue;
    }

    // Remove banned tags if empty
    if (banned.tagsIfEmpty.indexOf(node.tagName) > -1 &&
    node.innerHTML.trim() === "") {
    node.remove();
    continue;
    }

    // Remove tags belonging to banned namespaces
    if (node.tagName.match(namespaceRegex)) {
    var namespaceMatches = namespaceRegex.exec(node.tagName);
    if (banned.namespaces.indexOf(namespaceMatches[1]) > -1) {
    node.remove();
    }
    continue;
    }

    // Remove useless attributes
    for (var attribute of node.attributes) {
    // Remove banned attributes
    var name = attribute.name;
    var value = attribute.value;
    console.log(name,isAttributeBanned(name))
    if (isAttributeBanned(name)) {
    node.removeAttribute(name);
    continue;
    }

    // Remove id if unreferenced in the file
    if (name == "id") {
    var idRegex = new RegExp(node.id, "igm");
    if (idRegex.exec(rootNode.outerHTML).length <= 1) {
    node.removeAttribute(name);
    continue;
    }
    }
    }

    // Loop through all non-element childNodes
    for (var childNode of node.childNodes) {
    switch (childNode.nodeType) {
    // CDATA node (deprecated)
    case 4:
    var textNode = new Text(childNode.data);
    node.insertBefore(textNode, childNode);
    childNode.remove();
    break;
    // Comment node
    case 8:
    childNode.remove();
    break;
    default:
    break;
    }
    }
    }

    function isAttributeBanned(name) {
    // Attributes from the banned attributes list
    if (banned.attributes.indexOf(name) > -1) {
    return true;
    }
    if (name.match(namespaceRegex)) {
    var namespaceMatches = namespaceRegex.exec(name);

    // Attributes belonging to banned namespaces
    if (banned.namespaces.indexOf(namespaceMatches[1]) > -1) {
    return true;
    }
    // xmlns:bannednamespace attributes
    if (namespaceMatches[1] == "xmlns" &&
    banned.namespaces.indexOf(namespaceMatches[2]) > -1) {
    return true;
    }
    }
    return false;
    }