fabric
Version:
Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.
1 lines • 10.4 kB
Source Map (JSON)
{"version":3,"file":"Rect.mjs","sources":["../../../src/shapes/Rect.ts"],"sourcesContent":["import { kRect } from '../constants';\nimport { SHARED_ATTRIBUTES } from '../parser/attributes';\nimport { parseAttributes } from '../parser/parseAttributes';\nimport type { Abortable, TClassProperties, TOptions } from '../typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { FabricObject, cacheProperties } from './Object/FabricObject';\nimport type { FabricObjectProps, SerializedObjectProps } from './Object/types';\nimport type { ObjectEvents } from '../EventTypeDefs';\nimport type { CSSRules } from '../parser/typedefs';\n\nexport const rectDefaultValues: Partial<TClassProperties<Rect>> = {\n rx: 0,\n ry: 0,\n};\n\ninterface UniqueRectProps {\n rx: number;\n ry: number;\n}\n\nexport interface SerializedRectProps\n extends SerializedObjectProps,\n UniqueRectProps {}\n\nexport interface RectProps extends FabricObjectProps, UniqueRectProps {}\n\nconst RECT_PROPS = ['rx', 'ry'] as const;\n\nexport class Rect<\n Props extends TOptions<RectProps> = Partial<RectProps>,\n SProps extends SerializedRectProps = SerializedRectProps,\n EventSpec extends ObjectEvents = ObjectEvents,\n >\n extends FabricObject<Props, SProps, EventSpec>\n implements RectProps\n{\n /**\n * Horizontal border radius\n * @type Number\n */\n declare rx: number;\n\n /**\n * Vertical border radius\n * @type Number\n */\n declare ry: number;\n\n static type = 'Rect';\n\n static cacheProperties = [...cacheProperties, ...RECT_PROPS];\n\n static ownDefaults = rectDefaultValues;\n\n static getDefaults(): Record<string, any> {\n return {\n ...super.getDefaults(),\n ...Rect.ownDefaults,\n };\n }\n\n /**\n * Constructor\n * @param {Object} [options] Options object\n */\n constructor(options?: Props) {\n super();\n Object.assign(this, Rect.ownDefaults);\n this.setOptions(options);\n this._initRxRy();\n }\n /**\n * Initializes rx/ry attributes\n * @private\n */\n _initRxRy() {\n const { rx, ry } = this;\n if (rx && !ry) {\n this.ry = rx;\n } else if (ry && !rx) {\n this.rx = ry;\n }\n }\n\n /**\n * @private\n * @param {CanvasRenderingContext2D} ctx Context to render on\n */\n _render(ctx: CanvasRenderingContext2D) {\n const { width: w, height: h } = this;\n const x = -w / 2;\n const y = -h / 2;\n const rx = this.rx ? Math.min(this.rx, w / 2) : 0;\n const ry = this.ry ? Math.min(this.ry, h / 2) : 0;\n const isRounded = rx !== 0 || ry !== 0;\n\n ctx.beginPath();\n\n ctx.moveTo(x + rx, y);\n\n ctx.lineTo(x + w - rx, y);\n isRounded &&\n ctx.bezierCurveTo(\n x + w - kRect * rx,\n y,\n x + w,\n y + kRect * ry,\n x + w,\n y + ry,\n );\n\n ctx.lineTo(x + w, y + h - ry);\n isRounded &&\n ctx.bezierCurveTo(\n x + w,\n y + h - kRect * ry,\n x + w - kRect * rx,\n y + h,\n x + w - rx,\n y + h,\n );\n\n ctx.lineTo(x + rx, y + h);\n isRounded &&\n ctx.bezierCurveTo(\n x + kRect * rx,\n y + h,\n x,\n y + h - kRect * ry,\n x,\n y + h - ry,\n );\n\n ctx.lineTo(x, y + ry);\n isRounded &&\n ctx.bezierCurveTo(x, y + kRect * ry, x + kRect * rx, y, x + rx, y);\n\n ctx.closePath();\n\n this._renderPaintInOrder(ctx);\n }\n\n /**\n * Returns object representation of an instance\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\n * @return {Object} object representation of an instance\n */\n toObject<\n T extends Omit<Props & TClassProperties<this>, keyof SProps>,\n K extends keyof T = never,\n >(propertiesToInclude: K[] = []): Pick<T, K> & SProps {\n return super.toObject([...RECT_PROPS, ...propertiesToInclude]);\n }\n\n /**\n * Returns svg representation of an instance\n * @return {Array} an array of strings with the specific svg representation\n * of the instance\n */\n _toSVG() {\n const { width, height, rx, ry } = this;\n return [\n '<rect ',\n 'COMMON_PARTS',\n `x=\"${-width / 2}\" y=\"${\n -height / 2\n }\" rx=\"${rx}\" ry=\"${ry}\" width=\"${width}\" height=\"${height}\" />\\n`,\n ];\n }\n\n /**\n * List of attribute names to account for when parsing SVG element (used by `Rect.fromElement`)\n * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement\n */\n static ATTRIBUTE_NAMES = [\n ...SHARED_ATTRIBUTES,\n 'x',\n 'y',\n 'rx',\n 'ry',\n 'width',\n 'height',\n ];\n\n /* _FROM_SVG_START_ */\n\n /**\n * Returns {@link Rect} instance from an SVG element\n * @param {HTMLElement} element Element to parse\n * @param {Object} [options] Options object\n */\n static async fromElement(\n element: HTMLElement | SVGElement,\n options?: Abortable,\n cssRules?: CSSRules,\n ) {\n const {\n left = 0,\n top = 0,\n width = 0,\n height = 0,\n visible = true,\n ...restOfparsedAttributes\n } = parseAttributes(element, this.ATTRIBUTE_NAMES, cssRules);\n\n return new this({\n ...options,\n ...restOfparsedAttributes,\n left,\n top,\n width,\n height,\n visible: Boolean(visible && width && height),\n });\n }\n\n /* _FROM_SVG_END_ */\n}\n\nclassRegistry.setClass(Rect);\nclassRegistry.setSVGClass(Rect);\n"],"names":["rectDefaultValues","rx","ry","RECT_PROPS","Rect","FabricObject","getDefaults","ownDefaults","constructor","options","Object","assign","setOptions","_initRxRy","_render","ctx","width","w","height","h","x","y","Math","min","isRounded","beginPath","moveTo","lineTo","bezierCurveTo","kRect","closePath","_renderPaintInOrder","toObject","propertiesToInclude","arguments","length","undefined","_toSVG","fromElement","element","cssRules","left","top","visible","restOfparsedAttributes","parseAttributes","ATTRIBUTE_NAMES","Boolean","_defineProperty","cacheProperties","SHARED_ATTRIBUTES","classRegistry","setClass","setSVGClass"],"mappings":";;;;;;;;AAUO,MAAMA,iBAAkD,GAAG;AAChEC,EAAAA,EAAE,EAAE,CAAC;AACLC,EAAAA,EAAE,EAAE;AACN;AAaA,MAAMC,UAAU,GAAG,CAAC,IAAI,EAAE,IAAI,CAAU;AAEjC,MAAMC,IAAI,SAKPC,YAAY,CAEtB;EAmBE,OAAOC,WAAWA,GAAwB;IACxC,OAAO;AACL,MAAA,GAAG,KAAK,CAACA,WAAW,EAAE;AACtB,MAAA,GAAGF,IAAI,CAACG;KACT;AACH,EAAA;;AAEA;AACF;AACA;AACA;EACEC,WAAWA,CAACC,OAAe,EAAE;AAC3B,IAAA,KAAK,EAAE;IACPC,MAAM,CAACC,MAAM,CAAC,IAAI,EAAEP,IAAI,CAACG,WAAW,CAAC;AACrC,IAAA,IAAI,CAACK,UAAU,CAACH,OAAO,CAAC;IACxB,IAAI,CAACI,SAAS,EAAE;AAClB,EAAA;AACA;AACF;AACA;AACA;AACEA,EAAAA,SAASA,GAAG;IACV,MAAM;MAAEZ,EAAE;AAAEC,MAAAA;AAAG,KAAC,GAAG,IAAI;AACvB,IAAA,IAAID,EAAE,IAAI,CAACC,EAAE,EAAE;MACb,IAAI,CAACA,EAAE,GAAGD,EAAE;AACd,IAAA,CAAC,MAAM,IAAIC,EAAE,IAAI,CAACD,EAAE,EAAE;MACpB,IAAI,CAACA,EAAE,GAAGC,EAAE;AACd,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;EACEY,OAAOA,CAACC,GAA6B,EAAE;IACrC,MAAM;AAAEC,MAAAA,KAAK,EAAEC,CAAC;AAAEC,MAAAA,MAAM,EAAEC;AAAE,KAAC,GAAG,IAAI;AACpC,IAAA,MAAMC,CAAC,GAAG,CAACH,CAAC,GAAG,CAAC;AAChB,IAAA,MAAMI,CAAC,GAAG,CAACF,CAAC,GAAG,CAAC;AAChB,IAAA,MAAMlB,EAAE,GAAG,IAAI,CAACA,EAAE,GAAGqB,IAAI,CAACC,GAAG,CAAC,IAAI,CAACtB,EAAE,EAAEgB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;AACjD,IAAA,MAAMf,EAAE,GAAG,IAAI,CAACA,EAAE,GAAGoB,IAAI,CAACC,GAAG,CAAC,IAAI,CAACrB,EAAE,EAAEiB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;IACjD,MAAMK,SAAS,GAAGvB,EAAE,KAAK,CAAC,IAAIC,EAAE,KAAK,CAAC;IAEtCa,GAAG,CAACU,SAAS,EAAE;IAEfV,GAAG,CAACW,MAAM,CAACN,CAAC,GAAGnB,EAAE,EAAEoB,CAAC,CAAC;IAErBN,GAAG,CAACY,MAAM,CAACP,CAAC,GAAGH,CAAC,GAAGhB,EAAE,EAAEoB,CAAC,CAAC;AACzBG,IAAAA,SAAS,IACPT,GAAG,CAACa,aAAa,CACfR,CAAC,GAAGH,CAAC,GAAGY,KAAK,GAAG5B,EAAE,EAClBoB,CAAC,EACDD,CAAC,GAAGH,CAAC,EACLI,CAAC,GAAGQ,KAAK,GAAG3B,EAAE,EACdkB,CAAC,GAAGH,CAAC,EACLI,CAAC,GAAGnB,EACN,CAAC;AAEHa,IAAAA,GAAG,CAACY,MAAM,CAACP,CAAC,GAAGH,CAAC,EAAEI,CAAC,GAAGF,CAAC,GAAGjB,EAAE,CAAC;AAC7BsB,IAAAA,SAAS,IACPT,GAAG,CAACa,aAAa,CACfR,CAAC,GAAGH,CAAC,EACLI,CAAC,GAAGF,CAAC,GAAGU,KAAK,GAAG3B,EAAE,EAClBkB,CAAC,GAAGH,CAAC,GAAGY,KAAK,GAAG5B,EAAE,EAClBoB,CAAC,GAAGF,CAAC,EACLC,CAAC,GAAGH,CAAC,GAAGhB,EAAE,EACVoB,CAAC,GAAGF,CACN,CAAC;IAEHJ,GAAG,CAACY,MAAM,CAACP,CAAC,GAAGnB,EAAE,EAAEoB,CAAC,GAAGF,CAAC,CAAC;AACzBK,IAAAA,SAAS,IACPT,GAAG,CAACa,aAAa,CACfR,CAAC,GAAGS,KAAK,GAAG5B,EAAE,EACdoB,CAAC,GAAGF,CAAC,EACLC,CAAC,EACDC,CAAC,GAAGF,CAAC,GAAGU,KAAK,GAAG3B,EAAE,EAClBkB,CAAC,EACDC,CAAC,GAAGF,CAAC,GAAGjB,EACV,CAAC;IAEHa,GAAG,CAACY,MAAM,CAACP,CAAC,EAAEC,CAAC,GAAGnB,EAAE,CAAC;IACrBsB,SAAS,IACPT,GAAG,CAACa,aAAa,CAACR,CAAC,EAAEC,CAAC,GAAGQ,KAAK,GAAG3B,EAAE,EAAEkB,CAAC,GAAGS,KAAK,GAAG5B,EAAE,EAAEoB,CAAC,EAAED,CAAC,GAAGnB,EAAE,EAAEoB,CAAC,CAAC;IAEpEN,GAAG,CAACe,SAAS,EAAE;AAEf,IAAA,IAAI,CAACC,mBAAmB,CAAChB,GAAG,CAAC;AAC/B,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACEiB,EAAAA,QAAQA,GAG8C;AAAA,IAAA,IAApDC,mBAAwB,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;IAC7B,OAAO,KAAK,CAACF,QAAQ,CAAC,CAAC,GAAG7B,UAAU,EAAE,GAAG8B,mBAAmB,CAAC,CAAC;AAChE,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACEI,EAAAA,MAAMA,GAAG;IACP,MAAM;MAAErB,KAAK;MAAEE,MAAM;MAAEjB,EAAE;AAAEC,MAAAA;AAAG,KAAC,GAAG,IAAI;IACtC,OAAO,CACL,QAAQ,EACR,cAAc,EACd,MAAM,CAACc,KAAK,GAAG,CAAC,CAAA,KAAA,EACd,CAACE,MAAM,GAAG,CAAC,CAAA,MAAA,EACJjB,EAAE,CAAA,MAAA,EAASC,EAAE,YAAYc,KAAK,CAAA,UAAA,EAAaE,MAAM,CAAA,MAAA,CAAQ,CACnE;AACH,EAAA;;AAEA;AACF;AACA;AACA;;AAWE;;AAEA;AACF;AACA;AACA;AACA;AACE,EAAA,aAAaoB,WAAWA,CACtBC,OAAiC,EACjC9B,OAAmB,EACnB+B,QAAmB,EACnB;IACA,MAAM;AACJC,MAAAA,IAAI,GAAG,CAAC;AACRC,MAAAA,GAAG,GAAG,CAAC;AACP1B,MAAAA,KAAK,GAAG,CAAC;AACTE,MAAAA,MAAM,GAAG,CAAC;AACVyB,MAAAA,OAAO,GAAG,IAAI;MACd,GAAGC;KACJ,GAAGC,eAAe,CAACN,OAAO,EAAE,IAAI,CAACO,eAAe,EAAEN,QAAQ,CAAC;IAE5D,OAAO,IAAI,IAAI,CAAC;AACd,MAAA,GAAG/B,OAAO;AACV,MAAA,GAAGmC,sBAAsB;MACzBH,IAAI;MACJC,GAAG;MACH1B,KAAK;MACLE,MAAM;AACNyB,MAAAA,OAAO,EAAEI,OAAO,CAACJ,OAAO,IAAI3B,KAAK,IAAIE,MAAM;AAC7C,KAAC,CAAC;AACJ,EAAA;;AAEA;AACF;AArLE;AACF;AACA;AACA;AAGE;AACF;AACA;AACA;AAHE8B,eAAA,CAdW5C,IAAI,EAAA,MAAA,EAoBD,MAAM,CAAA;AAAA4C,eAAA,CApBT5C,IAAI,EAAA,iBAAA,EAsBU,CAAC,GAAG6C,eAAe,EAAE,GAAG9C,UAAU,CAAC,CAAA;AAAA6C,eAAA,CAtBjD5C,IAAI,EAAA,aAAA,EAwBMJ,iBAAiB,CAAA;AAAAgD,eAAA,CAxB3B5C,IAAI,EAAA,iBAAA,EAkJU,CACvB,GAAG8C,iBAAiB,EACpB,GAAG,EACH,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,CACT,CAAA;AAqCHC,aAAa,CAACC,QAAQ,CAAChD,IAAI,CAAC;AAC5B+C,aAAa,CAACE,WAAW,CAACjD,IAAI,CAAC;;;;"}