svgedit/editor/jquery-svg.js

/* eslint-disable no-var */
/* globals $, jQuery */
/**
 * jQuery module to work with SVG.
 *
 * Licensed under the MIT License
 *
 */

// Dependencies:
// 1) jquery

(function () {
'use strict';

// This fixes $(...).attr() to work as expected with SVG elements.
// Does not currently use *AttributeNS() since we rarely need that.

// See https://api.jquery.com/attr/ for basic documentation of .attr()

// Additional functionality:
// - When getting attributes, a string that's a number is return as type number.
// - If an array is supplied as first parameter, multiple values are returned
// as an object with values for each given attributes

var proxied = jQuery.fn.attr,
  // TODO use NS.SVG instead
  svgns = 'http://www.w3.org/2000/svg';
jQuery.fn.attr = function (key, value) {
  var i, attr;
  var len = this.length;
  if (!len) { return proxied.apply(this, arguments); }
  for (i = 0; i < len; ++i) {
    var elem = this[i];
    // set/get SVG attribute
    if (elem.namespaceURI === svgns) {
      // Setting attribute
      if (value !== undefined) {
        elem.setAttribute(key, value);
      } else if ($.isArray(key)) {
        // Getting attributes from array
        var j = key.length, obj = {};

        while (j--) {
          var aname = key[j];
          attr = elem.getAttribute(aname);
          // This returns a number when appropriate
          if (attr || attr === '0') {
            attr = isNaN(attr) ? attr : (attr - 0);
          }
          obj[aname] = attr;
        }
        return obj;
      }
      if (typeof key === 'object') {
        // Setting attributes form object
        var v;
        for (v in key) {
          elem.setAttribute(v, key[v]);
        }
      // Getting attribute
      } else {
        attr = elem.getAttribute(key);
        if (attr || attr === '0') {
          attr = isNaN(attr) ? attr : (attr - 0);
        }
        return attr;
      }
    } else {
      return proxied.apply(this, arguments);
    }
  }
  return this;
};
}());