mirror of
https://github.com/svg/svgo.git
synced 2025-04-19 10:22:15 +03:00
75ec2943b0
* @rollup/plugin-node-resolve ^11.2.0 → ^11.2.1 * @types/jest ^27.0.0 → ^27.0.1 * colorette ^1.2.2 → ^1.3.0 * commander ^7.1.0 → ^7.2.0 * css-tree ^1.1.2 → ^1.1.3 * eslint ^7.22.0 → ^7.32.0 * playwright ^1.9.2 → ^1.14.0 * prettier ^2.2.1 → ^2.3.2 * rollup ^2.42.1 → ^2.56.2 * typescript ^4.2.3 → ^4.3.5
93 lines
2.4 KiB
JavaScript
93 lines
2.4 KiB
JavaScript
'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,
|
||
};
|
||
|
||
/**
|
||
* Round numeric values to the fixed precision,
|
||
* remove default 'px' units.
|
||
*
|
||
* @author Kir Belevich
|
||
*/
|
||
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));
|
||
let units = match[3] || '';
|
||
|
||
// convert absolute values to pixels
|
||
if (convertToPx && units && units in absoluteLengths) {
|
||
const pxNum = Number(
|
||
(absoluteLengths[units] * match[1]).toFixed(floatPrecision)
|
||
);
|
||
if (pxNum.toString().length < match[0].length) {
|
||
num = pxNum;
|
||
units = 'px';
|
||
}
|
||
}
|
||
|
||
// and remove leading zero
|
||
if (leadingZero) {
|
||
num = removeLeadingZero(num);
|
||
}
|
||
|
||
// remove default 'px' units
|
||
if (defaultPx && units === 'px') {
|
||
units = '';
|
||
}
|
||
|
||
node.attributes[name] = num + units;
|
||
}
|
||
}
|
||
},
|
||
},
|
||
};
|
||
};
|