UNPKG

fabric

Version:

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

1 lines 22.2 kB
{"version":3,"file":"Gradient.mjs","sources":["../../../src/gradient/Gradient.ts"],"sourcesContent":["import { iMatrix } from '../constants';\nimport { parseTransformAttribute } from '../parser/parseTransformAttribute';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport type { TMat2D } from '../typedefs';\nimport { uid } from '../util/internals/uid';\nimport { pick } from '../util/misc/pick';\nimport { matrixToSVG } from '../util/misc/svgExport';\nimport { linearDefaultCoords, radialDefaultCoords } from './constants';\nimport { parseColorStops } from './parser/parseColorStops';\nimport { parseCoords } from './parser/parseCoords';\nimport { parseType, parseGradientUnits } from './parser/misc';\nimport type {\n ColorStop,\n GradientCoords,\n GradientOptions,\n GradientType,\n GradientUnits,\n SVGOptions,\n SerializedGradientProps,\n} from './typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { isPath } from '../util/typeAssertions';\nimport { escapeXml } from '../util/lang_string';\n\n/**\n * Gradient class\n * @class Gradient\n * @see {@link http://fabric5.fabricjs.com/fabric-intro-part-2#gradients}\n */\nexport class Gradient<\n S,\n T extends GradientType = S extends GradientType ? S : 'linear',\n> {\n /**\n * Horizontal offset for aligning gradients coming from SVG when outside pathgroups\n * @type Number\n * @default 0\n */\n declare offsetX: number;\n\n /**\n * Vertical offset for aligning gradients coming from SVG when outside pathgroups\n * @type Number\n * @default 0\n */\n declare offsetY: number;\n\n /**\n * A transform matrix to apply to the gradient before painting.\n * Imported from svg gradients, is not applied with the current transform in the center.\n * Before this transform is applied, the origin point is at the top left corner of the object\n * plus the addition of offsetY and offsetX.\n * @type Number[]\n * @default null\n */\n declare gradientTransform?: TMat2D;\n\n /**\n * coordinates units for coords.\n * If `pixels`, the number of coords are in the same unit of width / height.\n * If set as `percentage` the coords are still a number, but 1 means 100% of width\n * for the X and 100% of the height for the y. It can be bigger than 1 and negative.\n * allowed values pixels or percentage.\n * @type GradientUnits\n * @default 'pixels'\n */\n declare gradientUnits: GradientUnits;\n\n /**\n * Gradient type linear or radial\n * @type GradientType\n * @default 'linear'\n */\n declare type: T;\n\n /**\n * Defines how the gradient is located in space and spread\n * @type GradientCoords\n */\n declare coords: GradientCoords<T>;\n\n /**\n * Defines how many colors a gradient has and how they are located on the axis\n * defined by coords\n * @type GradientCoords\n */\n declare colorStops: ColorStop[];\n\n /**\n * If true, this object will not be exported during the serialization of a canvas\n * @type boolean\n */\n declare excludeFromExport?: boolean;\n\n /**\n * ID used for SVG export functionalities\n * @type number | string\n */\n declare readonly id: string | number;\n\n static type = 'Gradient';\n\n constructor(options: GradientOptions<T>) {\n const {\n type = 'linear' as T,\n gradientUnits = 'pixels',\n coords = {},\n colorStops = [],\n offsetX = 0,\n offsetY = 0,\n gradientTransform,\n id,\n } = options || {};\n Object.assign(this, {\n type,\n gradientUnits,\n coords: {\n ...(type === 'radial' ? radialDefaultCoords : linearDefaultCoords),\n ...coords,\n },\n colorStops,\n offsetX,\n offsetY,\n gradientTransform,\n id: id ? `${id}_${uid()}` : uid(),\n });\n }\n\n /**\n * Adds another colorStop\n * @param {Record<string, string>} colorStop Object with offset and color\n * @return {Gradient} thisArg\n */\n addColorStop(colorStops: Record<string, string>) {\n for (const position in colorStops) {\n this.colorStops.push({\n offset: parseFloat(position),\n color: colorStops[position],\n });\n }\n return this;\n }\n\n /**\n * Returns object representation of a gradient\n * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\n * @return {object}\n */\n toObject(\n propertiesToInclude?: (keyof this | string)[],\n ): SerializedGradientProps<T> {\n return {\n ...pick(this, propertiesToInclude as (keyof this)[]),\n type: this.type,\n coords: { ...this.coords },\n colorStops: this.colorStops.map((colorStop) => ({ ...colorStop })),\n offsetX: this.offsetX,\n offsetY: this.offsetY,\n gradientUnits: this.gradientUnits,\n gradientTransform: this.gradientTransform\n ? [...this.gradientTransform]\n : undefined,\n };\n }\n\n /* _TO_SVG_START_ */\n /**\n * Returns SVG representation of an gradient\n * @param {FabricObject} object Object to create a gradient for\n * @return {String} SVG representation of an gradient (linear/radial)\n */\n toSVG(\n object: FabricObject,\n {\n additionalTransform: preTransform,\n }: { additionalTransform?: string } = {},\n ) {\n const markup = [],\n transform = (\n this.gradientTransform\n ? this.gradientTransform.concat()\n : iMatrix.concat()\n ) as TMat2D,\n gradientUnits =\n this.gradientUnits === 'pixels'\n ? 'userSpaceOnUse'\n : 'objectBoundingBox';\n // colorStops must be sorted ascending, and guarded against deep mutations\n const colorStops = this.colorStops\n .map((colorStop) => ({ ...colorStop }))\n .sort((a, b) => {\n return a.offset - b.offset;\n });\n\n let offsetX = -this.offsetX,\n offsetY = -this.offsetY;\n if (gradientUnits === 'objectBoundingBox') {\n offsetX /= object.width;\n offsetY /= object.height;\n } else {\n offsetX += object.width / 2;\n offsetY += object.height / 2;\n }\n // todo what about polygon/polyline?\n if (isPath(object) && this.gradientUnits !== 'percentage') {\n offsetX -= object.pathOffset.x;\n offsetY -= object.pathOffset.y;\n }\n transform[4] -= offsetX;\n transform[5] -= offsetY;\n\n const commonAttributes = [\n `id=\"SVGID_${escapeXml(String(this.id))}\"`,\n `gradientUnits=\"${gradientUnits}\"`,\n `gradientTransform=\"${\n preTransform ? preTransform + ' ' : ''\n }${matrixToSVG(transform)}\"`,\n '',\n ].join(' ');\n\n const sanitizeCoord = (value: unknown) => parseFloat(String(value));\n\n if (this.type === 'linear') {\n const { x1, y1, x2, y2 } = this.coords;\n const sx1 = sanitizeCoord(x1);\n const sy1 = sanitizeCoord(y1);\n const sx2 = sanitizeCoord(x2);\n const sy2 = sanitizeCoord(y2);\n markup.push(\n '<linearGradient ',\n commonAttributes,\n ' x1=\"',\n sx1,\n '\" y1=\"',\n sy1,\n '\" x2=\"',\n sx2,\n '\" y2=\"',\n sy2,\n '\">\\n',\n );\n } else if (this.type === 'radial') {\n const { x1, y1, x2, y2, r1, r2 } = this\n .coords as GradientCoords<'radial'>;\n const sx1 = sanitizeCoord(x1);\n const sy1 = sanitizeCoord(y1);\n const sx2 = sanitizeCoord(x2);\n const sy2 = sanitizeCoord(y2);\n const sr1 = sanitizeCoord(r1);\n const sr2 = sanitizeCoord(r2);\n const needsSwap = sr1 > sr2;\n // svg radial gradient has just 1 radius. the biggest.\n markup.push(\n '<radialGradient ',\n commonAttributes,\n ' cx=\"',\n needsSwap ? sx1 : sx2,\n '\" cy=\"',\n needsSwap ? sy1 : sy2,\n '\" r=\"',\n needsSwap ? sr1 : sr2,\n '\" fx=\"',\n needsSwap ? sx2 : sx1,\n '\" fy=\"',\n needsSwap ? sy2 : sy1,\n '\">\\n',\n );\n if (needsSwap) {\n // svg goes from internal to external radius. if radius are inverted, swap color stops.\n colorStops.reverse(); // mutates array\n colorStops.forEach((colorStop) => {\n colorStop.offset = 1 - colorStop.offset;\n });\n }\n const minRadius = Math.min(sr1, sr2);\n if (minRadius > 0) {\n // i have to shift all colorStops and add new one in 0.\n const maxRadius = Math.max(sr1, sr2),\n percentageShift = minRadius / maxRadius;\n colorStops.forEach((colorStop) => {\n colorStop.offset += percentageShift * (1 - colorStop.offset);\n });\n }\n }\n // todo make a malicious script tag injection test with color and also apply a fix with escapeXml\n colorStops.forEach(({ color, offset }) => {\n markup.push(\n `<stop offset=\"${offset * 100}%\" style=\"stop-color:${color};\"/>\\n`,\n );\n });\n\n markup.push(\n this.type === 'linear' ? '</linearGradient>' : '</radialGradient>',\n '\\n',\n );\n\n return markup.join('');\n }\n /* _TO_SVG_END_ */\n\n /**\n * Returns an instance of CanvasGradient\n * @param {CanvasRenderingContext2D} ctx Context to render on\n * @return {CanvasGradient}\n */\n toLive(ctx: CanvasRenderingContext2D): CanvasGradient {\n const { x1, y1, x2, y2, r1, r2 } = this.coords as GradientCoords<'radial'>;\n const gradient =\n this.type === 'linear'\n ? ctx.createLinearGradient(x1, y1, x2, y2)\n : ctx.createRadialGradient(x1, y1, r1, x2, y2, r2);\n\n this.colorStops.forEach(({ color, offset }) => {\n gradient.addColorStop(offset, color);\n });\n\n return gradient;\n }\n\n static async fromObject(\n options: GradientOptions<'linear'>,\n ): Promise<Gradient<'linear'>>;\n static async fromObject(\n options: GradientOptions<'radial'>,\n ): Promise<Gradient<'radial'>>;\n static async fromObject(\n options: GradientOptions<'linear'> | GradientOptions<'radial'>,\n ) {\n const { colorStops, gradientTransform } = options;\n return new this({\n ...options,\n colorStops: colorStops\n ? colorStops.map((colorStop) => ({ ...colorStop }))\n : undefined,\n gradientTransform: gradientTransform ? [...gradientTransform] : undefined,\n });\n }\n\n /* _FROM_SVG_START_ */\n /**\n * Returns {@link Gradient} instance from an SVG element\n * @param {SVGGradientElement} el SVG gradient element\n * @param {FabricObject} instance\n * @param {String} opacity A fill-opacity or stroke-opacity attribute to multiply to each stop's opacity.\n * @param {SVGOptions} svgOptions an object containing the size of the SVG in order to parse correctly gradients\n * that uses gradientUnits as 'userSpaceOnUse' and percentages.\n * @return {Gradient} Gradient instance\n * @see http://www.w3.org/TR/SVG/pservers.html#LinearGradientElement\n * @see http://www.w3.org/TR/SVG/pservers.html#RadialGradientElement\n *\n * @example\n *\n * <linearGradient id=\"linearGrad1\">\n * <stop offset=\"0%\" stop-color=\"white\"/>\n * <stop offset=\"100%\" stop-color=\"black\"/>\n * </linearGradient>\n *\n * OR\n *\n * <linearGradient id=\"linearGrad2\">\n * <stop offset=\"0\" style=\"stop-color:rgb(255,255,255)\"/>\n * <stop offset=\"1\" style=\"stop-color:rgb(0,0,0)\"/>\n * </linearGradient>\n *\n * OR\n *\n * <radialGradient id=\"radialGrad1\">\n * <stop offset=\"0%\" stop-color=\"white\" stop-opacity=\"1\" />\n * <stop offset=\"50%\" stop-color=\"black\" stop-opacity=\"0.5\" />\n * <stop offset=\"100%\" stop-color=\"white\" stop-opacity=\"1\" />\n * </radialGradient>\n *\n * OR\n *\n * <radialGradient id=\"radialGrad2\">\n * <stop offset=\"0\" stop-color=\"rgb(255,255,255)\" />\n * <stop offset=\"0.5\" stop-color=\"rgb(0,0,0)\" />\n * <stop offset=\"1\" stop-color=\"rgb(255,255,255)\" />\n * </radialGradient>\n *\n */\n static fromElement(\n el: SVGGradientElement,\n instance: FabricObject,\n svgOptions: SVGOptions,\n ): Gradient<GradientType> {\n const gradientUnits = parseGradientUnits(el);\n const center = instance._findCenterFromElement();\n return new this({\n id: el.getAttribute('id') || undefined,\n type: parseType(el),\n coords: parseCoords(el, {\n width: svgOptions.viewBoxWidth || svgOptions.width,\n height: svgOptions.viewBoxHeight || svgOptions.height,\n }),\n colorStops: parseColorStops(el, svgOptions.opacity),\n gradientUnits,\n gradientTransform: parseTransformAttribute(\n el.getAttribute('gradientTransform') || '',\n ),\n ...(gradientUnits === 'pixels'\n ? {\n offsetX: instance.width / 2 - center.x,\n offsetY: instance.height / 2 - center.y,\n }\n : {\n offsetX: 0,\n offsetY: 0,\n }),\n });\n }\n /* _FROM_SVG_END_ */\n}\n\nclassRegistry.setClass(Gradient, 'gradient');\nclassRegistry.setClass(Gradient, 'linear');\nclassRegistry.setClass(Gradient, 'radial');\n"],"names":["Gradient","constructor","options","type","gradientUnits","coords","colorStops","offsetX","offsetY","gradientTransform","id","Object","assign","radialDefaultCoords","linearDefaultCoords","uid","addColorStop","position","push","offset","parseFloat","color","toObject","propertiesToInclude","pick","map","colorStop","undefined","toSVG","object","additionalTransform","preTransform","arguments","length","markup","transform","concat","iMatrix","sort","a","b","width","height","isPath","pathOffset","x","y","commonAttributes","escapeXml","String","matrixToSVG","join","sanitizeCoord","value","x1","y1","x2","y2","sx1","sy1","sx2","sy2","r1","r2","sr1","sr2","needsSwap","reverse","forEach","minRadius","Math","min","maxRadius","max","percentageShift","_ref","toLive","ctx","gradient","createLinearGradient","createRadialGradient","_ref2","fromObject","fromElement","el","instance","svgOptions","parseGradientUnits","center","_findCenterFromElement","getAttribute","parseType","parseCoords","viewBoxWidth","viewBoxHeight","parseColorStops","opacity","parseTransformAttribute","_defineProperty","classRegistry","setClass"],"mappings":"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"}