modernizr-svg-transforms/index-babel.js

Modernizr test for transform support within inline-svg

(function(Modernizr) {

	Modernizr.addTest('svg-transforms', () => {
		const
			vendorPrefixesCss = ['-moz-', '-ms-', '-webkit-', ''],

			// reduce vendor prefix array to create a cssText string.
			styleRules = vendorPrefixesCss.reduce( (prev, curr) => {
				return prev + curr + 'transform: translateX(10px); ';
			}, '' ),

			body = document.querySelector('body'),
			svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'),
			path = document.createElementNS('http://www.w3.org/2000/svg', 'path');

		// Append elements to dom
		svg.appendChild(path);
		svg.style.cssText = 'width: 100px; visibility: transparent;';
		body.appendChild(svg);

		// getBoundingClientRect to determine if transform applied successfully.
		const initialBoundingRect = path.getBoundingClientRect();
		path.style.cssText = styleRules;
		const newBoundingRect = path.getBoundingClientRect();

		body.removeChild(svg);

		return (initialBoundingRect.left != newBoundingRect.left);
	});

}(window.Modernizr));