76 lines
1.8 KiB
JavaScript
76 lines
1.8 KiB
JavaScript
/* 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 http://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;
|
|
};
|
|
}());
|