File Manager

Current Path: Root / node_modules_old/ postcss-svgo/ node_modules/ svgo/ plugins

Parent Directory

Name	Size	Last Modified
[F]_applyTransforms.js Edit	9.59 KB	2022-10-02 10:07:40
[F]_collections.js Edit	43.43 KB	2022-10-02 10:07:42
[F]_path.js Edit	20.86 KB	2022-10-02 10:07:43
[F]_transforms.js Edit	10.52 KB	2022-10-02 10:07:44
[F]addAttributesToSVGElement.js Edit	2.02 KB	2022-10-02 10:07:45
[F]addClassesToSVGElement.js Edit	1.79 KB	2022-10-02 10:07:46
[F]cleanupAttrs.js Edit	1.42 KB	2022-10-02 10:07:46
[F]cleanupEnableBackground.js Edit	1.97 KB	2022-10-02 10:07:46
[F]cleanupIDs.js Edit	6.98 KB	2022-10-02 10:07:47
[F]cleanupListOfValues.js Edit	3.90 KB	2022-10-02 10:07:47
[F]cleanupNumericValues.js Edit	2.89 KB	2022-10-02 10:07:48
[F]collapseGroups.js Edit	3.83 KB	2022-10-02 10:07:49
[F]convertColors.js Edit	4.12 KB	2022-10-02 10:07:49
[F]convertEllipseToCircle.js Edit	938 bytes	2022-10-02 10:07:49
[F]convertPathData.js Edit	27.72 KB	2022-10-02 10:07:50
[F]convertShapeToPath.js Edit	5.84 KB	2022-10-02 10:07:50
[F]convertStyleToAttrs.js Edit	3.74 KB	2022-10-02 10:07:50
[F]convertTransform.js Edit	11.42 KB	2022-10-02 10:07:50
[F]inlineStyles.js Edit	11.90 KB	2022-10-02 10:07:51
[F]mergePaths.js Edit	2.92 KB	2022-10-02 10:07:52
[F]mergeStyles.js Edit	2.32 KB	2022-10-02 10:07:52
[F]minifyStyles.js Edit	4.29 KB	2022-10-02 10:07:52
[F]moveElemsAttrsToGroup.js Edit	3.65 KB	2022-10-02 10:07:52
[F]moveGroupAttrsToElems.js Edit	1.67 KB	2022-10-02 10:07:52
[F]plugins.js Edit	3.15 KB	2022-10-02 10:07:53
[F]prefixIds.js Edit	6.43 KB	2022-10-02 10:07:53
[F]preset-default.js Edit	2.92 KB	2022-10-02 10:07:53
[F]removeAttributesBySelector.js Edit	2.39 KB	2022-10-02 10:07:53
[F]removeAttrs.js Edit	4.09 KB	2022-10-02 10:07:53
[F]removeComments.js Edit	634 bytes	2022-10-02 10:07:54
[F]removeDesc.js Edit	1.05 KB	2022-10-02 10:07:54
[F]removeDimensions.js Edit	1.20 KB	2022-10-02 10:07:54
[F]removeDoctype.js Edit	1.11 KB	2022-10-02 10:07:54
[F]removeEditorsNSData.js Edit	1.97 KB	2022-10-02 10:07:54
[F]removeElementsByAttr.js Edit	2.09 KB	2022-10-02 10:07:54
[F]removeEmptyAttrs.js Edit	777 bytes	2022-10-02 10:07:54
[F]removeEmptyContainers.js Edit	1.46 KB	2022-10-02 10:07:54
[F]removeEmptyText.js Edit	1.36 KB	2022-10-02 10:07:54
[F]removeHiddenElems.js Edit	9.07 KB	2022-10-02 10:07:54
[F]removeMetadata.js Edit	566 bytes	2022-10-02 10:07:54
[F]removeNonInheritableGroupAttrs.js Edit	925 bytes	2022-10-02 10:07:54
[F]removeOffCanvasPaths.js Edit	3.87 KB	2022-10-02 10:07:55
[F]removeRasterImages.js Edit	775 bytes	2022-10-02 10:07:55
[F]removeScriptElement.js Edit	601 bytes	2022-10-02 10:07:55
[F]removeStyleElement.js Edit	604 bytes	2022-10-02 10:07:55
[F]removeTitle.js Edit	579 bytes	2022-10-02 10:07:55
[F]removeUnknownsAndDefaults.js Edit	6.20 KB	2022-10-02 10:07:55
[F]removeUnusedNS.js Edit	1.80 KB	2022-10-02 10:07:55
[F]removeUselessDefs.js Edit	1.68 KB	2022-10-02 10:07:55
[F]removeUselessStrokeAndFill.js Edit	4.26 KB	2022-10-02 10:07:55
[F]removeViewBox.js Edit	1.37 KB	2022-10-02 10:07:55
[F]removeXMLNS.js Edit	666 bytes	2022-10-02 10:07:55
[F]removeXMLProcInst.js Edit	610 bytes	2022-10-02 10:07:55
[F]reusePaths.js Edit	3.30 KB	2022-10-02 10:07:56
[F]sortAttrs.js Edit	2.66 KB	2022-10-02 10:07:56
[F]sortDefsChildren.js Edit	1.79 KB	2022-10-02 10:07:56

Editing: _applyTransforms.js

'use strict';

// TODO implement as separate plugin

const {
  transformsMultiply,
  transform2js,
  transformArc,
} = require('./_transforms.js');
const { removeLeadingZero } = require('../lib/svgo/tools.js');
const { referencesProps, attrsGroupsDefaults } = require('./_collections.js');

const regNumericValues = /[-+]?(\d*\.\d+|\d+\.?)(?:[eE][-+]?\d+)?/g;
const defaultStrokeWidth = attrsGroupsDefaults.presentation['stroke-width'];

/**
 * Apply transformation(s) to the Path data.
 *
 * @param {Object} elem current element
 * @param {Array} path input path data
 * @param {Object} params whether to apply transforms to stroked lines and transform precision (used for stroke width)
 * @return {Array} output path data
 */
const applyTransforms = (elem, pathData, params) => {
  // if there are no 'stroke' attr and references to other objects such as
  // gradiends or clip-path which are also subjects to transform.
  if (
    elem.attributes.transform == null ||
    elem.attributes.transform === '' ||
    // styles are not considered when applying transform
    // can be fixed properly with new style engine
    elem.attributes.style != null ||
    Object.entries(elem.attributes).some(
      ([name, value]) =>
        referencesProps.includes(name) && value.includes('url(')
    )
  ) {
    return;
  }

const matrix = transformsMultiply(transform2js(elem.attributes.transform));
  const stroke = elem.computedAttr('stroke');
  const id = elem.computedAttr('id');
  const transformPrecision = params.transformPrecision;

if (stroke && stroke != 'none') {
    if (
      !params.applyTransformsStroked ||
      ((matrix.data[0] != matrix.data[3] ||
        matrix.data[1] != -matrix.data[2]) &&
        (matrix.data[0] != -matrix.data[3] || matrix.data[1] != matrix.data[2]))
    )
      return;

// "stroke-width" should be inside the part with ID, otherwise it can be overrided in <use>
    if (id) {
      let idElem = elem;
      let hasStrokeWidth = false;

do {
        if (idElem.attributes['stroke-width']) {
          hasStrokeWidth = true;
        }
      } while (
        idElem.attributes.id !== id &&
        !hasStrokeWidth &&
        (idElem = idElem.parentNode)
      );

if (!hasStrokeWidth) return;
    }

const scale = +Math.sqrt(
      matrix.data[0] * matrix.data[0] + matrix.data[1] * matrix.data[1]
    ).toFixed(transformPrecision);

if (scale !== 1) {
      const strokeWidth =
        elem.computedAttr('stroke-width') || defaultStrokeWidth;

if (
        elem.attributes['vector-effect'] == null ||
        elem.attributes['vector-effect'] !== 'non-scaling-stroke'
      ) {
        if (elem.attributes['stroke-width'] != null) {
          elem.attributes['stroke-width'] = elem.attributes['stroke-width']
            .trim()
            .replace(regNumericValues, (num) => removeLeadingZero(num * scale));
        } else {
          elem.attributes['stroke-width'] = strokeWidth.replace(
            regNumericValues,
            (num) => removeLeadingZero(num * scale)
          );
        }

if (elem.attributes['stroke-dashoffset'] != null) {
          elem.attributes['stroke-dashoffset'] = elem.attributes[
            'stroke-dashoffset'
          ]
            .trim()
            .replace(regNumericValues, (num) => removeLeadingZero(num * scale));
        }

if (elem.attributes['stroke-dasharray'] != null) {
          elem.attributes['stroke-dasharray'] = elem.attributes[
            'stroke-dasharray'
          ]
            .trim()
            .replace(regNumericValues, (num) => removeLeadingZero(num * scale));
        }
      }
    }
  } else if (id) {
    // Stroke and stroke-width can be redefined with <use>
    return;
  }

applyMatrixToPathData(pathData, matrix.data);

// remove transform attr
  delete elem.attributes.transform;

return;
};
exports.applyTransforms = applyTransforms;

const transformAbsolutePoint = (matrix, x, y) => {
  const newX = matrix[0] * x + matrix[2] * y + matrix[4];
  const newY = matrix[1] * x + matrix[3] * y + matrix[5];
  return [newX, newY];
};

const transformRelativePoint = (matrix, x, y) => {
  const newX = matrix[0] * x + matrix[2] * y;
  const newY = matrix[1] * x + matrix[3] * y;
  return [newX, newY];
};

const applyMatrixToPathData = (pathData, matrix) => {
  const start = [0, 0];
  const cursor = [0, 0];

for (const pathItem of pathData) {
    let { command, args } = pathItem;

// moveto (x y)
    if (command === 'M') {
      cursor[0] = args[0];
      cursor[1] = args[1];
      start[0] = cursor[0];
      start[1] = cursor[1];
      const [x, y] = transformAbsolutePoint(matrix, args[0], args[1]);
      args[0] = x;
      args[1] = y;
    }
    if (command === 'm') {
      cursor[0] += args[0];
      cursor[1] += args[1];
      start[0] = cursor[0];
      start[1] = cursor[1];
      const [x, y] = transformRelativePoint(matrix, args[0], args[1]);
      args[0] = x;
      args[1] = y;
    }

// horizontal lineto (x)
    // convert to lineto to handle two-dimentional transforms
    if (command === 'H') {
      command = 'L';
      args = [args[0], cursor[1]];
    }
    if (command === 'h') {
      command = 'l';
      args = [args[0], 0];
    }

// vertical lineto (y)
    // convert to lineto to handle two-dimentional transforms
    if (command === 'V') {
      command = 'L';
      args = [cursor[0], args[0]];
    }
    if (command === 'v') {
      command = 'l';
      args = [0, args[0]];
    }

// lineto (x y)
    if (command === 'L') {
      cursor[0] = args[0];
      cursor[1] = args[1];
      const [x, y] = transformAbsolutePoint(matrix, args[0], args[1]);
      args[0] = x;
      args[1] = y;
    }
    if (command === 'l') {
      cursor[0] += args[0];
      cursor[1] += args[1];
      const [x, y] = transformRelativePoint(matrix, args[0], args[1]);
      args[0] = x;
      args[1] = y;
    }

// curveto (x1 y1 x2 y2 x y)
    if (command === 'C') {
      cursor[0] = args[4];
      cursor[1] = args[5];
      const [x1, y1] = transformAbsolutePoint(matrix, args[0], args[1]);
      const [x2, y2] = transformAbsolutePoint(matrix, args[2], args[3]);
      const [x, y] = transformAbsolutePoint(matrix, args[4], args[5]);
      args[0] = x1;
      args[1] = y1;
      args[2] = x2;
      args[3] = y2;
      args[4] = x;
      args[5] = y;
    }
    if (command === 'c') {
      cursor[0] += args[4];
      cursor[1] += args[5];
      const [x1, y1] = transformRelativePoint(matrix, args[0], args[1]);
      const [x2, y2] = transformRelativePoint(matrix, args[2], args[3]);
      const [x, y] = transformRelativePoint(matrix, args[4], args[5]);
      args[0] = x1;
      args[1] = y1;
      args[2] = x2;
      args[3] = y2;
      args[4] = x;
      args[5] = y;
    }

// smooth curveto (x2 y2 x y)
    if (command === 'S') {
      cursor[0] = args[2];
      cursor[1] = args[3];
      const [x2, y2] = transformAbsolutePoint(matrix, args[0], args[1]);
      const [x, y] = transformAbsolutePoint(matrix, args[2], args[3]);
      args[0] = x2;
      args[1] = y2;
      args[2] = x;
      args[3] = y;
    }
    if (command === 's') {
      cursor[0] += args[2];
      cursor[1] += args[3];
      const [x2, y2] = transformRelativePoint(matrix, args[0], args[1]);
      const [x, y] = transformRelativePoint(matrix, args[2], args[3]);
      args[0] = x2;
      args[1] = y2;
      args[2] = x;
      args[3] = y;
    }

// quadratic Bézier curveto (x1 y1 x y)
    if (command === 'Q') {
      cursor[0] = args[2];
      cursor[1] = args[3];
      const [x1, y1] = transformAbsolutePoint(matrix, args[0], args[1]);
      const [x, y] = transformAbsolutePoint(matrix, args[2], args[3]);
      args[0] = x1;
      args[1] = y1;
      args[2] = x;
      args[3] = y;
    }
    if (command === 'q') {
      cursor[0] += args[2];
      cursor[1] += args[3];
      const [x1, y1] = transformRelativePoint(matrix, args[0], args[1]);
      const [x, y] = transformRelativePoint(matrix, args[2], args[3]);
      args[0] = x1;
      args[1] = y1;
      args[2] = x;
      args[3] = y;
    }

// smooth quadratic Bézier curveto (x y)
    if (command === 'T') {
      cursor[0] = args[0];
      cursor[1] = args[1];
      const [x, y] = transformAbsolutePoint(matrix, args[0], args[1]);
      args[0] = x;
      args[1] = y;
    }
    if (command === 't') {
      cursor[0] += args[0];
      cursor[1] += args[1];
      const [x, y] = transformRelativePoint(matrix, args[0], args[1]);
      args[0] = x;
      args[1] = y;
    }

// elliptical arc (rx ry x-axis-rotation large-arc-flag sweep-flag x y)
    if (command === 'A') {
      transformArc(cursor, args, matrix);
      cursor[0] = args[5];
      cursor[1] = args[6];
      // reduce number of digits in rotation angle
      if (Math.abs(args[2]) > 80) {
        const a = args[0];
        const rotation = args[2];
        args[0] = args[1];
        args[1] = a;
        args[2] = rotation + (rotation > 0 ? -90 : 90);
      }
      const [x, y] = transformAbsolutePoint(matrix, args[5], args[6]);
      args[5] = x;
      args[6] = y;
    }
    if (command === 'a') {
      transformArc([0, 0], args, matrix);
      cursor[0] += args[5];
      cursor[1] += args[6];
      // reduce number of digits in rotation angle
      if (Math.abs(args[2]) > 80) {
        const a = args[0];
        const rotation = args[2];
        args[0] = args[1];
        args[1] = a;
        args[2] = rotation + (rotation > 0 ? -90 : 90);
      }
      const [x, y] = transformRelativePoint(matrix, args[5], args[6]);
      args[5] = x;
      args[6] = y;
    }

// closepath
    if (command === 'z' || command === 'Z') {
      cursor[0] = start[0];
      cursor[1] = start[1];
    }

pathItem.command = command;
    pathItem.args = args;
  }
};

Cancel

File Explorer

Navigation

File Manager

Editing: _applyTransforms.js

File Explorer

Navigation

File Manager

Editing: _applyTransforms.js

Confirm Deletion

Rename Item

Change Permissions (Chmod)