chore(TS): Text SVG export mixin

index.js

@@ -55,8 +55,8 @@ import './src/filters/gamma_filter.class'; // optional image_filters
 import './src/filters/composed_filter.class'; // optional image_filters
 import './src/filters/hue_rotation.class'; // optional image_filters
 import './src/shapes/text.class'; // optional text
+import './src/mixins/text.svg_export'; // optional svg
 import './src/shapes/itext.class'; // optional itext
-import './src/mixins/itext.svg_export'; // optional itext
 import './src/shapes/textbox.class'; // optional textbox
 import './src/controls'; // optional interaction
 import './src/brushes'; // optional freedrawing

src/mixins/object.svg_export.ts

@@ -5,11 +5,18 @@ import { uid } from '../util/internals/uid';
 import { matrixToSVG } from '../util/misc/svgParsing';
 import { toFixed } from '../util/misc/toFixed';
 
-type SVGReviver = (markup: string) => string;
+export type SVGReviver = (markup: string) => string;
 
 /* _TO_SVG_START_ */
 
-function getSvgColorString(prop: string, value?: any) {
+/**
+ * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values
+ * we work around it by "moving" alpha channel into opacity attribute and setting fill's alpha to 1
+ * @param prop
+ * @param value
+ * @returns
+ */
+export function getSvgColorString(prop: string, value?: any) {
   if (!value) {
     return `${prop}: none; `;
   } else if (value.toLive) {
@@ -170,25 +177,6 @@ export class FabricObjectSVGExportMixin {
     return `${svgTransform}${additionalTransform}" `;
   }
 
-  _setSVGBg(textBgRects: string[]) {
-    if (this.backgroundColor) {
-      const NUM_FRACTION_DIGITS = config.NUM_FRACTION_DIGITS;
-      textBgRects.push(
-        '\t\t<rect ',
-        this._getFillAttributes(this.backgroundColor),
-        ' x="',
-        toFixed(-this.width / 2, NUM_FRACTION_DIGITS),
-        '" y="',
-        toFixed(-this.height / 2, NUM_FRACTION_DIGITS),
-        '" width="',
-        toFixed(this.width, NUM_FRACTION_DIGITS),
-        '" height="',
-        toFixed(this.height, NUM_FRACTION_DIGITS),
-        '"></rect>\n'
-      );
-    }
-  }
-
   /**
    * Returns svg representation of an instance
    * @param {SVGReviver} [reviver] Method for further parsing of svg representation.