fabric
Version:
Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.
1 lines • 4.06 kB
Source Map (JSON)
{"version":3,"file":"normalizeValue.min.mjs","names":[],"sources":["../../../src/parser/normalizeValue.ts"],"sourcesContent":["import { multiplyTransformMatrices } from '../util/misc/matrix';\nimport { parseUnit } from '../util/misc/svgParsing';\nimport { parseTransformAttribute } from './parseTransformAttribute';\nimport { CENTER, LEFT, RIGHT, NONE, FILL, STROKE } from '../constants';\nimport { TEXT_DECORATION_THICKNESS } from '../shapes/Text/constants';\n\nexport function normalizeValue(\n attr: string,\n value: any,\n parentAttributes: Record<string, any>,\n fontSize: number,\n): string | null | boolean | number[] | number {\n const isArray = Array.isArray(value);\n let parsed: number | number[];\n let ouputValue: string | null | boolean | number[] | number = value;\n if ((attr === FILL || attr === STROKE) && value === NONE) {\n ouputValue = '';\n } else if (attr === 'strokeUniform') {\n return value === 'non-scaling-stroke';\n } else if (attr === 'strokeDashArray') {\n if (value === NONE) {\n ouputValue = null;\n } else {\n ouputValue = value.replace(/,/g, ' ').split(/\\s+/).map(parseFloat);\n }\n } else if (attr === 'transformMatrix') {\n if (parentAttributes && parentAttributes.transformMatrix) {\n ouputValue = multiplyTransformMatrices(\n parentAttributes.transformMatrix,\n parseTransformAttribute(value),\n );\n } else {\n ouputValue = parseTransformAttribute(value);\n }\n } else if (attr === 'visible') {\n ouputValue = value !== NONE && value !== 'hidden';\n // display=none on parent element always takes precedence over child element\n if (parentAttributes && parentAttributes.visible === false) {\n ouputValue = false;\n }\n } else if (attr === 'opacity') {\n ouputValue = parseFloat(value);\n if (parentAttributes && typeof parentAttributes.opacity !== 'undefined') {\n ouputValue *= parentAttributes.opacity as number;\n }\n } else if (attr === 'textAnchor' /* text-anchor */) {\n ouputValue = value === 'start' ? LEFT : value === 'end' ? RIGHT : CENTER;\n } else if (attr === 'charSpacing' || attr === TEXT_DECORATION_THICKNESS) {\n // parseUnit returns px and we convert it to em\n parsed = (parseUnit(value, fontSize) / fontSize) * 1000;\n } else if (attr === 'paintFirst') {\n const fillIndex = value.indexOf(FILL);\n const strokeIndex = value.indexOf(STROKE);\n ouputValue = FILL;\n if (fillIndex > -1 && strokeIndex > -1 && strokeIndex < fillIndex) {\n ouputValue = STROKE;\n } else if (fillIndex === -1 && strokeIndex > -1) {\n ouputValue = STROKE;\n }\n } else if (\n attr === 'href' ||\n attr === 'xlink:href' ||\n attr === 'font' ||\n attr === 'id'\n ) {\n return value;\n } else if (attr === 'imageSmoothing') {\n return value === 'optimizeQuality';\n } else {\n parsed = isArray\n ? (value as string[]).map(parseUnit)\n : parseUnit(value, fontSize);\n }\n\n return !isArray && isNaN(parsed! as number) ? ouputValue : parsed!;\n}\n"],"mappings":"kVAMA,SAAgB,EACd,EACA,EACA,EACA,EAAA,CAEA,IAAM,EAAU,MAAM,QAAQ,EAAA,CAC1B,EACA,EAA0D,EAC9D,GAAK,IAAA,QAAiB,IAAA,UAAoB,IAAA,OAAA,CAAA,GAE/B,IAAS,gBAClB,OAAO,IAAU,qBAAV,GACE,IAAS,kBAEhB,EADE,IAAA,OACW,KAEA,EAAM,QAAQ,KAAM,IAAA,CAAK,MAAM,MAAA,CAAO,IAAI,WAAA,SAEhD,IAAS,kBAEhB,EADE,GAAoB,EAAiB,gBAC1B,EACX,EAAiB,gBACjB,EAAwB,EAAA,CAAA,CAGb,EAAwB,EAAA,SAE9B,IAAS,UAClB,EAAa,IAAA,QAAkB,IAAU,SAErC,GAAA,CAAiD,IAA7B,EAAiB,UACvC,EAAA,CAAa,WAEN,IAAS,UAClB,EAAa,WAAW,EAAA,CACpB,GAA2B,EAAiB,UAA5C,IAAwD,KAC1D,GAAc,EAAiB,iBAExB,IAAS,aAClB,EAAa,IAAU,QAAU,EAAO,IAAU,MAAQ,EAAQ,UACzD,IAAS,eAAiB,IAAA,0BAEnC,EAAU,EAAU,EAAO,EAAA,CAAY,EAAY,YAC1C,IAAS,aAAc,CAChC,IAAM,EAAY,EAAM,QAAQ,EAAA,CAC1B,EAAc,EAAM,QAAQ,EAAA,CAClC,EAAa,GACT,EAAA,IAAkB,EAAA,IAAoB,EAAc,GAE7C,IAF6C,IAEzB,EAAA,MAD7B,EAAa,OAAA,CAAA,GAKf,IAAS,QACT,IAAS,cACT,IAAS,QACT,IAAS,KAET,OAAO,EAAA,GACE,IAAS,iBAClB,OAAO,IAAU,kBAEjB,EAAS,EACJ,EAAmB,IAAI,EAAA,CACxB,EAAU,EAAO,EAAS,OAvD9B,EAAa,GA0Df,MAAA,CAAQ,GAAW,MAAM,EAAA,CAAqB,EAAa,EAAA,OAAA,KAAA"}