You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
'use strict';
const { removeLeadingZero } = require('../lib/svgo/tools');
exports.name = 'cleanupNumericValues'; exports.type = 'visitor'; exports.active = true; exports.description = 'rounds numeric values to the fixed precision, removes default ‘px’ units';
const regNumericValues = /^([-+]?\d*\.?\d+([eE][-+]?\d+)?)(px|pt|pc|mm|cm|m|in|ft|em|ex|%)?$/;
const absoluteLengths = { // relative to px
cm: 96 / 2.54, mm: 96 / 25.4, in: 96, pt: 4 / 3, pc: 16, px: 1, };
/** * Round numeric values to the fixed precision, * remove default 'px' units. * * @author Kir Belevich * * @type {import('../lib/types').Plugin<{ * floatPrecision?: number, * leadingZero?: boolean, * defaultPx?: boolean, * convertToPx?: boolean * }>} */ exports.fn = (_root, params) => { const { floatPrecision = 3, leadingZero = true, defaultPx = true, convertToPx = true, } = params;
return { element: { enter: (node) => { if (node.attributes.viewBox != null) { const nums = node.attributes.viewBox.split(/\s,?\s*|,\s*/g); node.attributes.viewBox = nums .map((value) => { const num = Number(value); return Number.isNaN(num) ? value : Number(num.toFixed(floatPrecision)); }) .join(' '); }
for (const [name, value] of Object.entries(node.attributes)) { // The `version` attribute is a text string and cannot be rounded
if (name === 'version') { continue; }
const match = value.match(regNumericValues);
// if attribute value matches regNumericValues
if (match) { // round it to the fixed precision
let num = Number(Number(match[1]).toFixed(floatPrecision)); /** * @type {any} */ let matchedUnit = match[3] || ''; /** * @type{'' | keyof typeof absoluteLengths} */ let units = matchedUnit;
// convert absolute values to pixels
if (convertToPx && units !== '' && units in absoluteLengths) { const pxNum = Number( (absoluteLengths[units] * Number(match[1])).toFixed( floatPrecision ) ); if (pxNum.toString().length < match[0].length) { num = pxNum; units = 'px'; } }
// and remove leading zero
let str; if (leadingZero) { str = removeLeadingZero(num); } else { str = num.toString(); }
// remove default 'px' units
if (defaultPx && units === 'px') { units = ''; }
node.attributes[name] = str + units; } } }, }, }; };
|