×

Welcome to TagMyCode

Please login or create account to add a snippet.
 

SVG Prototype Class Functions

0
0
 
0
Language: Javascript
Posted by: Matthew Speicher
Added: Jun 22, 2016 5:40 PM
Views: 1967
Tags: no tags
  1. SVGElement.prototype.hasClass = function (className) {
  2.             return new RegExp('(\\s|^)' + className + '(\\s|$)').test(this.getAttribute('class'));
  3.         };
  4.         SVGElement.prototype.addClass = function (className) {
  5.             if (!this.hasClass(className)) {
  6.                 this.setAttribute('class', this.getAttribute('class') + ' ' + className);
  7.             }
  8.         };
  9.         SVGElement.prototype.removeClass = function (className) {
  10.             var removedClass = this.getAttribute('class').replace(new RegExp('(\\s|^)' + className + '(\\s|$)', 'g'), '$2');
  11.             if (this.hasClass(className)) {
  12.                 this.setAttribute('class', removedClass);
  13.             }
  14.         };
  15.         SVGElement.prototype.toggleClass = function (className) {
  16.             if (this.hasClass(className)) {
  17.                 this.removeClass(className);
  18.             } else {
  19.                 this.addClass(className);
  20.             }
  21.         };

Write a comment

To post comments, please log in or register.