fabric/dist/src/parser/applyViewboxTransform.min.mjs.map

Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.

{"version":3,"file":"applyViewboxTransform.min.mjs","names":[],"sources":["../../../src/parser/applyViewboxTransform.ts"],"sourcesContent":["import { svgNS } from './constants';\nimport {\n  parsePreserveAspectRatioAttribute,\n  parseUnit,\n} from '../util/misc/svgParsing';\nimport { svgViewBoxElementsRegEx, reViewBoxAttrValue } from './constants';\nimport { NONE } from '../constants';\n\nexport type ParsedViewboxTransform = Partial<{\n  width: number;\n  height: number;\n  minX: number;\n  minY: number;\n  viewBoxWidth: number;\n  viewBoxHeight: number;\n}>;\n\n/**\n * Add a <g> element that envelop all child elements and makes the viewbox transformMatrix descend on all elements\n */\nexport function applyViewboxTransform(\n  element: Element,\n): ParsedViewboxTransform {\n  if (!svgViewBoxElementsRegEx.test(element.nodeName)) {\n    return {};\n  }\n  const viewBoxAttr: string | null = element.getAttribute('viewBox');\n  let scaleX = 1;\n  let scaleY = 1;\n  let minX = 0;\n  let minY = 0;\n  let matrix;\n  let el;\n  const widthAttr = element.getAttribute('width');\n  const heightAttr = element.getAttribute('height');\n  const x = element.getAttribute('x') || 0;\n  const y = element.getAttribute('y') || 0;\n  const goodViewbox = viewBoxAttr && reViewBoxAttrValue.test(viewBoxAttr);\n  const missingViewBox = !goodViewbox;\n  const missingDimAttr =\n    !widthAttr || !heightAttr || widthAttr === '100%' || heightAttr === '100%';\n\n  let translateMatrix = '';\n  let widthDiff = 0;\n  let heightDiff = 0;\n\n  if (missingViewBox) {\n    if (\n      (x || y) &&\n      element.parentNode &&\n      element.parentNode.nodeName !== '#document'\n    ) {\n      translateMatrix =\n        ' translate(' + parseUnit(x || '0') + ' ' + parseUnit(y || '0') + ') ';\n      matrix = (element.getAttribute('transform') || '') + translateMatrix;\n      element.setAttribute('transform', matrix);\n      element.removeAttribute('x');\n      element.removeAttribute('y');\n    }\n  }\n\n  if (missingViewBox && missingDimAttr) {\n    return {\n      width: 0,\n      height: 0,\n    };\n  }\n\n  const parsedDim: ParsedViewboxTransform = {\n    width: 0,\n    height: 0,\n  };\n\n  if (missingViewBox) {\n    parsedDim.width = parseUnit(widthAttr!);\n    parsedDim.height = parseUnit(heightAttr!);\n    // set a transform for elements that have x y and are inner(only) SVGs\n    return parsedDim;\n  }\n\n  const pasedViewBox = viewBoxAttr.match(reViewBoxAttrValue)!;\n  minX = -parseFloat(pasedViewBox[1]);\n  minY = -parseFloat(pasedViewBox[2]);\n  const viewBoxWidth = parseFloat(pasedViewBox[3]);\n  const viewBoxHeight = parseFloat(pasedViewBox[4]);\n  parsedDim.minX = minX;\n  parsedDim.minY = minY;\n  parsedDim.viewBoxWidth = viewBoxWidth;\n  parsedDim.viewBoxHeight = viewBoxHeight;\n  if (!missingDimAttr) {\n    parsedDim.width = parseUnit(widthAttr);\n    parsedDim.height = parseUnit(heightAttr);\n    scaleX = parsedDim.width / viewBoxWidth;\n    scaleY = parsedDim.height / viewBoxHeight;\n  } else {\n    parsedDim.width = viewBoxWidth;\n    parsedDim.height = viewBoxHeight;\n  }\n\n  // default is to preserve aspect ratio\n  const preserveAspectRatio = parsePreserveAspectRatioAttribute(\n    element.getAttribute('preserveAspectRatio') || '',\n  );\n  if (preserveAspectRatio.alignX !== NONE) {\n    //translate all container for the effect of Mid, Min, Max\n    if (preserveAspectRatio.meetOrSlice === 'meet') {\n      scaleY = scaleX = scaleX > scaleY ? scaleY : scaleX;\n      // calculate additional translation to move the viewbox\n    }\n    if (preserveAspectRatio.meetOrSlice === 'slice') {\n      scaleY = scaleX = scaleX > scaleY ? scaleX : scaleY;\n      // calculate additional translation to move the viewbox\n    }\n    widthDiff = parsedDim.width - viewBoxWidth * scaleX;\n    heightDiff = parsedDim.height - viewBoxHeight * scaleX;\n    if (preserveAspectRatio.alignX === 'Mid') {\n      widthDiff /= 2;\n    }\n    if (preserveAspectRatio.alignY === 'Mid') {\n      heightDiff /= 2;\n    }\n    if (preserveAspectRatio.alignX === 'Min') {\n      widthDiff = 0;\n    }\n    if (preserveAspectRatio.alignY === 'Min') {\n      heightDiff = 0;\n    }\n  }\n\n  if (\n    scaleX === 1 &&\n    scaleY === 1 &&\n    minX === 0 &&\n    minY === 0 &&\n    x === 0 &&\n    y === 0\n  ) {\n    return parsedDim;\n  }\n  if ((x || y) && element.parentNode!.nodeName !== '#document') {\n    translateMatrix =\n      ' translate(' + parseUnit(x || '0') + ' ' + parseUnit(y || '0') + ') ';\n  }\n\n  matrix =\n    translateMatrix +\n    ' matrix(' +\n    scaleX +\n    ' 0' +\n    ' 0 ' +\n    scaleY +\n    ' ' +\n    (minX * scaleX + widthDiff) +\n    ' ' +\n    (minY * scaleY + heightDiff) +\n    ') ';\n  // seems unused.\n  // parsedDim.viewboxTransform = parseTransformAttribute(matrix);\n  if (element.nodeName === 'svg') {\n    el = element.ownerDocument.createElementNS(svgNS, 'g');\n    // element.firstChild != null\n    while (element.firstChild) {\n      el.appendChild(element.firstChild);\n    }\n    element.appendChild(el);\n  } else {\n    el = element;\n    el.removeAttribute('x');\n    el.removeAttribute('y');\n    matrix = el.getAttribute('transform') + matrix;\n  }\n  el.setAttribute('transform', matrix);\n  return parsedDim;\n}\n"],"mappings":"iOAoBA,SAAgB,EACd,EAAA,CAEA,GAAA,CAAK,EAAwB,KAAK,EAAQ,SAAA,CACxC,MAAO,EAAA,CAET,IAAM,EAA6B,EAAQ,aAAa,UAAA,CAKpD,EACA,EALA,EAAS,EACT,EAAS,EACT,EAAO,EACP,EAAO,EAGL,EAAY,EAAQ,aAAa,QAAA,CACjC,EAAa,EAAQ,aAAa,SAAA,CAClC,EAAI,EAAQ,aAAa,IAAA,EAAQ,EACjC,EAAI,EAAQ,aAAa,IAAA,EAAQ,EAEjC,EAAA,EADc,GAAe,EAAmB,KAAK,EAAA,EAErD,EAAA,CACH,GAAA,CAAc,GAAc,IAAc,QAAU,IAAe,OAElE,EAAkB,GAClB,EAAY,EACZ,EAAa,EAiBjB,GAfI,IAEC,GAAK,IACN,EAAQ,YACR,EAAQ,WAAW,WAAa,cAEhC,EACE,cAAgB,EAAU,GAAK,IAAA,CAAO,IAAM,EAAU,GAAK,IAAA,CAAO,KACpE,GAAU,EAAQ,aAAa,YAAA,EAAgB,IAAM,EACrD,EAAQ,aAAa,YAAa,EAAA,CAClC,EAAQ,gBAAgB,IAAA,CACxB,EAAQ,gBAAgB,IAAA,EAIxB,GAAkB,EACpB,MAAO,CACL,MAAO,EACP,OAAQ,EAAA,CAIZ,IAAM,EAAoC,CACxC,MAAO,EACP,OAAQ,EAAA,CAGV,GAAI,EAIF,MAHA,GAAU,MAAQ,EAAU,EAAA,CAC5B,EAAU,OAAS,EAAU,EAAA,CAEtB,EAGT,IAAM,EAAe,EAAY,MAAM,EAAA,CACvC,EAAA,CAAQ,WAAW,EAAa,GAAA,CAChC,EAAA,CAAQ,WAAW,EAAa,GAAA,CAChC,IAAM,EAAe,WAAW,EAAa,GAAA,CACvC,EAAgB,WAAW,EAAa,GAAA,CAC9C,EAAU,KAAO,EACjB,EAAU,KAAO,EACjB,EAAU,aAAe,EACzB,EAAU,cAAgB,EACrB,GAMH,EAAU,MAAQ,EAClB,EAAU,OAAS,IANnB,EAAU,MAAQ,EAAU,EAAA,CAC5B,EAAU,OAAS,EAAU,EAAA,CAC7B,EAAS,EAAU,MAAQ,EAC3B,EAAS,EAAU,OAAS,GAO9B,IAAM,EAAsB,EAC1B,EAAQ,aAAa,sBAAA,EAA0B,GAAA,CA4BjD,GA1BI,EAAoB,SAAA,SAElB,EAAoB,cAAgB,SACtC,EAAS,EAAS,EAAS,EAAS,EAAS,GAG3C,EAAoB,cAAgB,UACtC,EAAS,EAAS,EAAS,EAAS,EAAS,GAG/C,EAAY,EAAU,MAAQ,EAAe,EAC7C,EAAa,EAAU,OAAS,EAAgB,EAC5C,EAAoB,SAAW,QACjC,GAAa,GAEX,EAAoB,SAAW,QACjC,GAAc,GAEZ,EAAoB,SAAW,QACjC,EAAY,GAEV,EAAoB,SAAW,QACjC,EAAa,IAKf,IAAW,GACX,IAAW,GACX,IAAS,GACT,IAAS,GACT,IAAM,GACN,IAAM,EAEN,OAAO,EAqBT,IAnBK,GAAK,IAAM,EAAQ,WAAY,WAAa,cAC/C,EACE,cAAgB,EAAU,GAAK,IAAA,CAAO,IAAM,EAAU,GAAK,IAAA,CAAO,MAGtE,EACE,EACA,WACA,EACA,QAEA,EACA,KACC,EAAO,EAAS,GACjB,KACC,EAAO,EAAS,GACjB,KAGE,EAAQ,WAAa,MAAO,CAG9B,IAFA,EAAK,EAAQ,cAAc,gBAAgB,EAAO,IAAA,CAE3C,EAAQ,YACb,EAAG,YAAY,EAAQ,WAAA,CAEzB,EAAQ,YAAY,EAAA,MAEpB,EAAK,EACL,EAAG,gBAAgB,IAAA,CACnB,EAAG,gBAAgB,IAAA,CACnB,EAAS,EAAG,aAAa,YAAA,CAAe,EAG1C,OADA,EAAG,aAAa,YAAa,EAAA,CACtB,EAAA,OAAA,KAAA"}