svg2pdf.js
Version:
A javascript-only SVG to PDF conversion utility that runs in the browser leveraging jsPDF
4,104 lines • 179 kB
JavaScript
/**
* The MIT License (MIT)
*
* Copyright (c) 2015-2023 yWorks GmbH
* Copyright (c) 2013-2015 by Vitaly Puzrin
*
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/
import cssEsc from 'cssesc';
import FontFamily from 'font-family-papandreou';
import { jsPDF, GState, ShadingPattern, TilingPattern } from 'jspdf';
import SvgPath from 'svgpath';
import { compare } from 'specificity';
/******************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
/* global Reflect, Promise */
var extendStatics = function(d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
return extendStatics(d, b);
};
function __extends(d, b) {
if (typeof b !== "function" && b !== null)
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
var __assign = function() {
__assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
function __awaiter(thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
}
function __generator(thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
}
/* eslint-disable @typescript-eslint/no-explicit-any,@typescript-eslint/explicit-module-boundary-types */
var RGBColor = /** @class */ (function () {
function RGBColor(colorString) {
this.a = undefined;
this.r = 0;
this.g = 0;
this.b = 0;
this.simpleColors = {};
// eslint-disable-next-line @typescript-eslint/ban-types
this.colorDefs = [];
this.ok = false;
if (!colorString) {
return;
}
// strip any leading #
if (colorString.charAt(0) == '#') {
// remove # if any
colorString = colorString.substr(1, 6);
}
colorString = colorString.replace(/ /g, '');
colorString = colorString.toLowerCase();
// before getting into regexps, try simple matches
// and overwrite the input
this.simpleColors = {
aliceblue: 'f0f8ff',
antiquewhite: 'faebd7',
aqua: '00ffff',
aquamarine: '7fffd4',
azure: 'f0ffff',
beige: 'f5f5dc',
bisque: 'ffe4c4',
black: '000000',
blanchedalmond: 'ffebcd',
blue: '0000ff',
blueviolet: '8a2be2',
brown: 'a52a2a',
burlywood: 'deb887',
cadetblue: '5f9ea0',
chartreuse: '7fff00',
chocolate: 'd2691e',
coral: 'ff7f50',
cornflowerblue: '6495ed',
cornsilk: 'fff8dc',
crimson: 'dc143c',
cyan: '00ffff',
darkblue: '00008b',
darkcyan: '008b8b',
darkgoldenrod: 'b8860b',
darkgray: 'a9a9a9',
darkgrey: 'a9a9a9',
darkgreen: '006400',
darkkhaki: 'bdb76b',
darkmagenta: '8b008b',
darkolivegreen: '556b2f',
darkorange: 'ff8c00',
darkorchid: '9932cc',
darkred: '8b0000',
darksalmon: 'e9967a',
darkseagreen: '8fbc8f',
darkslateblue: '483d8b',
darkslategray: '2f4f4f',
darkslategrey: '2f4f4f',
darkturquoise: '00ced1',
darkviolet: '9400d3',
deeppink: 'ff1493',
deepskyblue: '00bfff',
dimgray: '696969',
dimgrey: '696969',
dodgerblue: '1e90ff',
feldspar: 'd19275',
firebrick: 'b22222',
floralwhite: 'fffaf0',
forestgreen: '228b22',
fuchsia: 'ff00ff',
gainsboro: 'dcdcdc',
ghostwhite: 'f8f8ff',
gold: 'ffd700',
goldenrod: 'daa520',
gray: '808080',
grey: '808080',
green: '008000',
greenyellow: 'adff2f',
honeydew: 'f0fff0',
hotpink: 'ff69b4',
indianred: 'cd5c5c',
indigo: '4b0082',
ivory: 'fffff0',
khaki: 'f0e68c',
lavender: 'e6e6fa',
lavenderblush: 'fff0f5',
lawngreen: '7cfc00',
lemonchiffon: 'fffacd',
lightblue: 'add8e6',
lightcoral: 'f08080',
lightcyan: 'e0ffff',
lightgoldenrodyellow: 'fafad2',
lightgray: 'd3d3d3',
lightgrey: 'd3d3d3',
lightgreen: '90ee90',
lightpink: 'ffb6c1',
lightsalmon: 'ffa07a',
lightseagreen: '20b2aa',
lightskyblue: '87cefa',
lightslateblue: '8470ff',
lightslategray: '778899',
lightslategrey: '778899',
lightsteelblue: 'b0c4de',
lightyellow: 'ffffe0',
lime: '00ff00',
limegreen: '32cd32',
linen: 'faf0e6',
magenta: 'ff00ff',
maroon: '800000',
mediumaquamarine: '66cdaa',
mediumblue: '0000cd',
mediumorchid: 'ba55d3',
mediumpurple: '9370d8',
mediumseagreen: '3cb371',
mediumslateblue: '7b68ee',
mediumspringgreen: '00fa9a',
mediumturquoise: '48d1cc',
mediumvioletred: 'c71585',
midnightblue: '191970',
mintcream: 'f5fffa',
mistyrose: 'ffe4e1',
moccasin: 'ffe4b5',
navajowhite: 'ffdead',
navy: '000080',
oldlace: 'fdf5e6',
olive: '808000',
olivedrab: '6b8e23',
orange: 'ffa500',
orangered: 'ff4500',
orchid: 'da70d6',
palegoldenrod: 'eee8aa',
palegreen: '98fb98',
paleturquoise: 'afeeee',
palevioletred: 'd87093',
papayawhip: 'ffefd5',
peachpuff: 'ffdab9',
peru: 'cd853f',
pink: 'ffc0cb',
plum: 'dda0dd',
powderblue: 'b0e0e6',
purple: '800080',
red: 'ff0000',
rosybrown: 'bc8f8f',
royalblue: '4169e1',
saddlebrown: '8b4513',
salmon: 'fa8072',
sandybrown: 'f4a460',
seagreen: '2e8b57',
seashell: 'fff5ee',
sienna: 'a0522d',
silver: 'c0c0c0',
skyblue: '87ceeb',
slateblue: '6a5acd',
slategray: '708090',
slategrey: '708090',
snow: 'fffafa',
springgreen: '00ff7f',
steelblue: '4682b4',
tan: 'd2b48c',
teal: '008080',
thistle: 'd8bfd8',
tomato: 'ff6347',
turquoise: '40e0d0',
violet: 'ee82ee',
violetred: 'd02090',
wheat: 'f5deb3',
white: 'ffffff',
whitesmoke: 'f5f5f5',
yellow: 'ffff00',
yellowgreen: '9acd32'
};
for (var key in this.simpleColors) {
if (colorString == key) {
colorString = this.simpleColors[key];
}
}
// emd of simple type-in colors
// array of color definition objects
this.colorDefs = [
{
re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
process: function (bits) {
return [parseInt(bits[1]), parseInt(bits[2]), parseInt(bits[3])];
}
},
{
re: /^rgb\(([0-9.]+)%,\s*([0-9.]+)%,\s*([0-9.]+)%\)$/,
example: ['rgb(50.5%, 25.75%, 75.5%)', 'rgb(100%,0%,0%)'],
process: function (bits) {
return [
Math.round(parseFloat(bits[1]) * 2.55),
Math.round(parseFloat(bits[2]) * 2.55),
Math.round(parseFloat(bits[3]) * 2.55)
];
}
},
{
re: /^(\w{2})(\w{2})(\w{2})$/,
example: ['#00ff00', '336699'],
process: function (bits) {
return [parseInt(bits[1], 16), parseInt(bits[2], 16), parseInt(bits[3], 16)];
}
},
{
re: /^(\w{1})(\w{1})(\w{1})$/,
example: ['#fb0', 'f0f'],
process: function (bits) {
return [
parseInt(bits[1] + bits[1], 16),
parseInt(bits[2] + bits[2], 16),
parseInt(bits[3] + bits[3], 16)
];
}
}
];
// search through the definitions to find a match
for (var i = 0; i < this.colorDefs.length; i++) {
var re = this.colorDefs[i].re;
var processor = this.colorDefs[i].process;
var bits = re.exec(colorString);
if (bits) {
var channels = processor(bits);
this.r = channels[0];
this.g = channels[1];
this.b = channels[2];
this.ok = true;
}
}
// validate/cleanup values
this.r = this.r < 0 || isNaN(this.r) ? 0 : this.r > 255 ? 255 : this.r;
this.g = this.g < 0 || isNaN(this.g) ? 0 : this.g > 255 ? 255 : this.g;
this.b = this.b < 0 || isNaN(this.b) ? 0 : this.b > 255 ? 255 : this.b;
}
RGBColor.prototype.toRGB = function () {
return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
};
RGBColor.prototype.toRGBA = function () {
return 'rgba(' + this.r + ', ' + this.g + ', ' + this.b + ', ' + (this.a || '1') + ')';
};
RGBColor.prototype.toHex = function () {
var r = this.r.toString(16);
var g = this.g.toString(16);
var b = this.b.toString(16);
if (r.length == 1)
r = '0' + r;
if (g.length == 1)
g = '0' + g;
if (b.length == 1)
b = '0' + b;
return '#' + r + g + b;
};
// help
RGBColor.prototype.getHelpXML = function () {
var examples = [];
// add regexps
for (var i = 0; i < this.colorDefs.length; i++) {
var example = this.colorDefs[i].example;
for (var j = 0; j < example.length; j++) {
examples[examples.length] = example[j];
}
}
// add type-in colors
for (var sc in this.simpleColors) {
examples[examples.length] = sc;
}
var xml = document.createElement('ul');
xml.setAttribute('id', 'rgbcolor-examples');
for (var i = 0; i < examples.length; i++) {
try {
var listItem = document.createElement('li');
var listColor = new RGBColor(examples[i]);
var exampleDiv = document.createElement('div');
exampleDiv.style.cssText =
'margin: 3px; ' +
'border: 1px solid black; ' +
'background:' +
listColor.toHex() +
'; ' +
'color:' +
listColor.toHex();
exampleDiv.appendChild(document.createTextNode('test'));
var listItemValue = document.createTextNode(' ' + examples[i] + ' -> ' + listColor.toRGB() + ' -> ' + listColor.toHex());
listItem.appendChild(exampleDiv);
listItem.appendChild(listItemValue);
xml.appendChild(listItem);
}
catch (e) { }
}
return xml;
};
return RGBColor;
}());
var ColorFill = /** @class */ (function () {
function ColorFill(color) {
this.color = color;
}
// eslint-disable-next-line @typescript-eslint/no-unused-vars
ColorFill.prototype.getFillData = function (forNode, context) {
return __awaiter(this, void 0, void 0, function () {
return __generator(this, function (_a) {
return [2 /*return*/, undefined];
});
});
};
return ColorFill;
}());
var AttributeState = /** @class */ (function () {
function AttributeState() {
this.xmlSpace = '';
this.fill = null;
this.fillOpacity = 1.0;
// public fillRule: string = null
this.fontFamily = '';
this.fontSize = 16;
this.fontStyle = '';
// public fontVariant: string
this.fontWeight = '';
this.opacity = 1.0;
this.stroke = null;
this.strokeDasharray = null;
this.strokeDashoffset = 0;
this.strokeLinecap = '';
this.strokeLinejoin = '';
this.strokeMiterlimit = 4.0;
this.strokeOpacity = 1.0;
this.strokeWidth = 1.0;
// public textAlign: string
this.alignmentBaseline = '';
this.textAnchor = '';
this.visibility = '';
this.color = null;
this.contextFill = null;
this.contextStroke = null;
this.fillRule = null;
}
AttributeState.prototype.clone = function () {
var clone = new AttributeState();
clone.xmlSpace = this.xmlSpace;
clone.fill = this.fill;
clone.fillOpacity = this.fillOpacity;
// clone.fillRule = this.fillRule;
clone.fontFamily = this.fontFamily;
clone.fontSize = this.fontSize;
clone.fontStyle = this.fontStyle;
// clone.fontVariant = this.fontVariant;
clone.fontWeight = this.fontWeight;
clone.opacity = this.opacity;
clone.stroke = this.stroke;
clone.strokeDasharray = this.strokeDasharray;
clone.strokeDashoffset = this.strokeDashoffset;
clone.strokeLinecap = this.strokeLinecap;
clone.strokeLinejoin = this.strokeLinejoin;
clone.strokeMiterlimit = this.strokeMiterlimit;
clone.strokeOpacity = this.strokeOpacity;
clone.strokeWidth = this.strokeWidth;
// clone.textAlign = this.textAlign;
clone.textAnchor = this.textAnchor;
clone.alignmentBaseline = this.alignmentBaseline;
clone.visibility = this.visibility;
clone.color = this.color;
clone.fillRule = this.fillRule;
clone.contextFill = this.contextFill;
clone.contextStroke = this.contextStroke;
return clone;
};
AttributeState.default = function () {
var attributeState = new AttributeState();
attributeState.xmlSpace = 'default';
attributeState.fill = new ColorFill(new RGBColor('rgb(0, 0, 0)'));
attributeState.fillOpacity = 1.0;
// attributeState.fillRule = "nonzero";
attributeState.fontFamily = 'times';
attributeState.fontSize = 16;
attributeState.fontStyle = 'normal';
// attributeState.fontVariant = "normal";
attributeState.fontWeight = 'normal';
attributeState.opacity = 1.0;
attributeState.stroke = null;
attributeState.strokeDasharray = null;
attributeState.strokeDashoffset = 0;
attributeState.strokeLinecap = 'butt';
attributeState.strokeLinejoin = 'miter';
attributeState.strokeMiterlimit = 4.0;
attributeState.strokeOpacity = 1.0;
attributeState.strokeWidth = 1.0;
// attributeState.textAlign = "start";
attributeState.alignmentBaseline = 'baseline';
attributeState.textAnchor = 'start';
attributeState.visibility = 'visible';
attributeState.color = new RGBColor('rgb(0, 0, 0)');
attributeState.fillRule = 'nonzero';
attributeState.contextFill = null;
attributeState.contextStroke = null;
return attributeState;
};
AttributeState.getContextColors = function (context, includeCurrentColor) {
if (includeCurrentColor === void 0) { includeCurrentColor = false; }
var colors = {};
if (context.attributeState.contextFill) {
colors['contextFill'] = context.attributeState.contextFill;
}
if (context.attributeState.contextStroke) {
colors['contextStroke'] = context.attributeState.contextStroke;
}
if (includeCurrentColor && context.attributeState.color) {
colors['color'] = context.attributeState.color;
}
return colors;
};
return AttributeState;
}());
/**
*
* @package
* @param values
* @constructor
* @property pdf
* @property attributeState Keeps track of parent attributes that are inherited automatically
* @property refsHandler The handler that will render references on demand
* @property styleSheets
* @property textMeasure
* @property transform The current transformation matrix
* @property withinClipPath
*/
var Context = /** @class */ (function () {
function Context(pdf, values) {
var _a, _b, _c;
this.pdf = pdf;
this.svg2pdfParameters = values.svg2pdfParameters;
this.attributeState = values.attributeState
? values.attributeState.clone()
: AttributeState.default();
this.viewport = values.viewport;
this.refsHandler = values.refsHandler;
this.styleSheets = values.styleSheets;
this.textMeasure = values.textMeasure;
this.transform = (_a = values.transform) !== null && _a !== void 0 ? _a : this.pdf.unitMatrix;
this.withinClipPath = (_b = values.withinClipPath) !== null && _b !== void 0 ? _b : false;
this.withinUse = (_c = values.withinUse) !== null && _c !== void 0 ? _c : false;
}
Context.prototype.clone = function (values) {
var _a, _b, _c, _d;
if (values === void 0) { values = {}; }
return new Context(this.pdf, {
svg2pdfParameters: this.svg2pdfParameters,
attributeState: values.attributeState
? values.attributeState.clone()
: this.attributeState.clone(),
viewport: (_a = values.viewport) !== null && _a !== void 0 ? _a : this.viewport,
refsHandler: this.refsHandler,
styleSheets: this.styleSheets,
textMeasure: this.textMeasure,
transform: (_b = values.transform) !== null && _b !== void 0 ? _b : this.transform,
withinClipPath: (_c = values.withinClipPath) !== null && _c !== void 0 ? _c : this.withinClipPath,
withinUse: (_d = values.withinUse) !== null && _d !== void 0 ? _d : this.withinUse
});
};
return Context;
}());
var ReferencesHandler = /** @class */ (function () {
function ReferencesHandler(idMap) {
this.renderedElements = {};
this.idMap = idMap;
this.idPrefix = String(ReferencesHandler.instanceCounter++);
}
ReferencesHandler.prototype.getRendered = function (id, contextColors, renderCallback) {
return __awaiter(this, void 0, void 0, function () {
var key, svgNode;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
key = this.generateKey(id, contextColors);
if (this.renderedElements.hasOwnProperty(key)) {
return [2 /*return*/, this.renderedElements[id]];
}
svgNode = this.get(id);
this.renderedElements[key] = svgNode;
return [4 /*yield*/, renderCallback(svgNode)];
case 1:
_a.sent();
return [2 /*return*/, svgNode];
}
});
});
};
ReferencesHandler.prototype.get = function (id) {
return this.idMap[cssEsc(id, { isIdentifier: true })];
};
ReferencesHandler.prototype.generateKey = function (id, contextColors) {
var colorHash = '';
var keys = ['color', 'contextFill', 'contextStroke'];
if (contextColors) {
colorHash = keys.map(function (key) { var _a, _b; return (_b = (_a = contextColors[key]) === null || _a === void 0 ? void 0 : _a.toRGBA()) !== null && _b !== void 0 ? _b : ''; }).join('|');
}
return this.idPrefix + '|' + id + '|' + colorHash;
};
ReferencesHandler.instanceCounter = 0;
return ReferencesHandler;
}());
function getAngle(from, to) {
return Math.atan2(to[1] - from[1], to[0] - from[0]);
}
var cToQ = 2 / 3; // ratio to convert quadratic bezier curves to cubic ones
// transforms a cubic bezier control point to a quadratic one: returns from + (2/3) * (to - from)
function toCubic(from, to) {
return [cToQ * (to[0] - from[0]) + from[0], cToQ * (to[1] - from[1]) + from[1]];
}
function normalize(v) {
var length = Math.sqrt(v[0] * v[0] + v[1] * v[1]);
return [v[0] / length, v[1] / length];
}
function getDirectionVector(from, to) {
var v = [to[0] - from[0], to[1] - from[1]];
return normalize(v);
}
function addVectors(v1, v2) {
return [v1[0] + v2[0], v1[1] + v2[1]];
}
// multiplies a vector with a matrix: vec' = vec * matrix
function multVecMatrix(vec, matrix) {
var x = vec[0];
var y = vec[1];
return [matrix.a * x + matrix.c * y + matrix.e, matrix.b * x + matrix.d * y + matrix.f];
}
var Path = /** @class */ (function () {
function Path() {
this.segments = [];
}
Path.prototype.moveTo = function (x, y) {
this.segments.push(new MoveTo(x, y));
return this;
};
Path.prototype.lineTo = function (x, y) {
this.segments.push(new LineTo(x, y));
return this;
};
Path.prototype.curveTo = function (x1, y1, x2, y2, x, y) {
this.segments.push(new CurveTo(x1, y1, x2, y2, x, y));
return this;
};
Path.prototype.close = function () {
this.segments.push(new Close());
return this;
};
/**
* Transforms the path in place
*/
Path.prototype.transform = function (matrix) {
this.segments.forEach(function (seg) {
if (seg instanceof MoveTo || seg instanceof LineTo || seg instanceof CurveTo) {
var p = multVecMatrix([seg.x, seg.y], matrix);
seg.x = p[0];
seg.y = p[1];
}
if (seg instanceof CurveTo) {
var p1 = multVecMatrix([seg.x1, seg.y1], matrix);
var p2 = multVecMatrix([seg.x2, seg.y2], matrix);
seg.x1 = p1[0];
seg.y1 = p1[1];
seg.x2 = p2[0];
seg.y2 = p2[1];
}
});
};
Path.prototype.draw = function (context) {
var p = context.pdf;
this.segments.forEach(function (s) {
if (s instanceof MoveTo) {
p.moveTo(s.x, s.y);
}
else if (s instanceof LineTo) {
p.lineTo(s.x, s.y);
}
else if (s instanceof CurveTo) {
p.curveTo(s.x1, s.y1, s.x2, s.y2, s.x, s.y);
}
else {
p.close();
}
});
};
return Path;
}());
var MoveTo = /** @class */ (function () {
function MoveTo(x, y) {
this.x = x;
this.y = y;
}
return MoveTo;
}());
var LineTo = /** @class */ (function () {
function LineTo(x, y) {
this.x = x;
this.y = y;
}
return LineTo;
}());
var CurveTo = /** @class */ (function () {
function CurveTo(x1, y1, x2, y2, x, y) {
this.x1 = x1;
this.y1 = y1;
this.x2 = x2;
this.y2 = y2;
this.x = x;
this.y = y;
}
return CurveTo;
}());
var Close = /** @class */ (function () {
function Close() {
}
return Close;
}());
function nodeIs(node, tagsString) {
return tagsString.split(',').indexOf((node.nodeName || node.tagName).toLowerCase()) >= 0;
}
function forEachChild(node, fn) {
// copy list of children, as the original might be modified
var children = [];
for (var i = 0; i < node.childNodes.length; i++) {
var childNode = node.childNodes[i];
if (childNode.nodeName.charAt(0) !== '#')
children.push(childNode);
}
for (var i = 0; i < children.length; i++) {
fn(i, children[i]);
}
}
// returns an attribute of a node, either from the node directly or from css
function getAttribute(node, styleSheets, propertyNode, propertyCss) {
var _a;
if (propertyCss === void 0) { propertyCss = propertyNode; }
var attribute = (_a = node.style) === null || _a === void 0 ? void 0 : _a.getPropertyValue(propertyCss);
if (attribute) {
return attribute;
}
else {
var propertyValue = styleSheets.getPropertyValue(node, propertyCss);
if (propertyValue) {
return propertyValue;
}
else if (node.hasAttribute(propertyNode)) {
return node.getAttribute(propertyNode) || undefined;
}
else {
return undefined;
}
}
}
function svgNodeIsVisible(svgNode, parentVisible, context) {
if (getAttribute(svgNode.element, context.styleSheets, 'display') === 'none') {
return false;
}
var visible = parentVisible;
var visibility = getAttribute(svgNode.element, context.styleSheets, 'visibility');
if (visibility) {
visible = visibility !== 'hidden';
}
return visible;
}
function svgNodeAndChildrenVisible(svgNode, parentVisible, context) {
var visible = svgNodeIsVisible(svgNode, parentVisible, context);
if (svgNode.element.childNodes.length === 0) {
return false;
}
svgNode.children.forEach(function (child) {
if (child.isVisible(visible, context)) {
visible = true;
}
});
return visible;
}
/**
* @constructor
* @property {Marker[]} markers
*/
var MarkerList = /** @class */ (function () {
function MarkerList() {
this.markers = [];
}
MarkerList.prototype.addMarker = function (markers) {
this.markers.push(markers);
};
MarkerList.prototype.draw = function (context) {
return __awaiter(this, void 0, void 0, function () {
var i, marker, tf, angle, anchor, cos, sin, contextColors;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
i = 0;
_a.label = 1;
case 1:
if (!(i < this.markers.length)) return [3 /*break*/, 4];
marker = this.markers[i];
tf = void 0;
angle = marker.angle, anchor = marker.anchor;
cos = Math.cos(angle);
sin = Math.sin(angle);
// position at and rotate around anchor
tf = context.pdf.Matrix(cos, sin, -sin, cos, anchor[0], anchor[1]);
// scale with stroke-width
tf = context.pdf.matrixMult(context.pdf.Matrix(context.attributeState.strokeWidth, 0, 0, context.attributeState.strokeWidth, 0, 0), tf);
tf = context.pdf.matrixMult(tf, context.transform);
// as the marker is already scaled by the current line width we must not apply the line width twice!
context.pdf.saveGraphicsState();
contextColors = AttributeState.getContextColors(context);
return [4 /*yield*/, context.refsHandler.getRendered(marker.id, contextColors, function (node) {
return node.apply(context);
})];
case 2:
_a.sent();
context.pdf.doFormObject(context.refsHandler.generateKey(marker.id, contextColors), tf);
context.pdf.restoreGraphicsState();
_a.label = 3;
case 3:
i++;
return [3 /*break*/, 1];
case 4: return [2 /*return*/];
}
});
});
};
return MarkerList;
}());
/**
* @param {string} id
* @param {[number,number]} anchor
* @param {number} angle
*/
var Marker = /** @class */ (function () {
function Marker(id, anchor, angle, isStartMarker) {
if (isStartMarker === void 0) { isStartMarker = false; }
this.id = id;
this.anchor = anchor;
this.angle = angle;
this.isStartMarker = isStartMarker;
}
return Marker;
}());
var iriReference = /url\(["']?#([^"']+)["']?\)/;
var alignmentBaselineMap = {
bottom: 'bottom',
'text-bottom': 'bottom',
top: 'top',
'text-top': 'top',
hanging: 'hanging',
middle: 'middle',
central: 'middle',
center: 'middle',
mathematical: 'middle',
ideographic: 'ideographic',
alphabetic: 'alphabetic',
baseline: 'alphabetic'
};
var svgNamespaceURI = 'http://www.w3.org/2000/svg';
/**
* Convert em, px and bare number attributes to pixel values
* @param {string} value
* @param {number} pdfFontSize
*/
function toPixels(value, pdfFontSize) {
var match;
// em
match = value && value.toString().match(/^([\-0-9.]+)em$/);
if (match) {
return parseFloat(match[1]) * pdfFontSize;
}
// pixels
match = value && value.toString().match(/^([\-0-9.]+)(px|)$/);
if (match) {
return parseFloat(match[1]);
}
return 0;
}
function mapAlignmentBaseline(value) {
return alignmentBaselineMap[value] || 'alphabetic';
}
function parseFloats(str) {
var floats = [];
var regex = /[+-]?(?:(?:\d+\.?\d*)|(?:\d*\.?\d+))(?:[eE][+-]?\d+)?/g;
var match;
while ((match = regex.exec(str))) {
floats.push(parseFloat(match[0]));
}
return floats;
}
/**
* extends RGBColor by rgba colors as RGBColor is not capable of it
* currentcolor: the color to return if colorString === 'currentcolor'
*/
function parseColor(colorString, contextColors) {
if (colorString === 'transparent') {
var transparent = new RGBColor('rgb(0,0,0)');
transparent.a = 0;
return transparent;
}
if (contextColors && colorString.toLowerCase() === 'currentcolor') {
return contextColors.color || new RGBColor('rgb(0,0,0)');
}
if (contextColors && colorString.toLowerCase() === 'context-stroke') {
return contextColors.contextStroke || new RGBColor('rgb(0,0,0)');
}
if (contextColors && colorString.toLowerCase() === 'context-fill') {
return contextColors.contextFill || new RGBColor('rgb(0,0,0)');
}
var match = /\s*rgba\(((?:[^,\)]*,){3}[^,\)]*)\)\s*/.exec(colorString);
if (match) {
var floats = parseFloats(match[1]);
var color = new RGBColor('rgb(' + floats.slice(0, 3).join(',') + ')');
color.a = floats[3];
return color;
}
else {
return new RGBColor(colorString);
}
}
var fontAliases = {
'sans-serif': 'helvetica',
verdana: 'helvetica',
arial: 'helvetica',
fixed: 'courier',
monospace: 'courier',
terminal: 'courier',
serif: 'times',
cursive: 'times',
fantasy: 'times'
};
function findFirstAvailableFontFamily(attributeState, fontFamilies, context) {
var fontType = combineFontStyleAndFontWeight(attributeState.fontStyle, attributeState.fontWeight);
var availableFonts = context.pdf.getFontList();
var firstAvailable = '';
var fontIsAvailable = fontFamilies.some(function (font) {
var availableStyles = availableFonts[font];
if (availableStyles && availableStyles.indexOf(fontType) >= 0) {
firstAvailable = font;
return true;
}
font = font.toLowerCase();
if (fontAliases.hasOwnProperty(font)) {
firstAvailable = font;
return true;
}
return false;
});
if (!fontIsAvailable) {
firstAvailable = 'times';
}
return firstAvailable;
}
var isJsPDF23 = (function () {
var parts = jsPDF.version.split('.');
return parseFloat(parts[0]) === 2 && parseFloat(parts[1]) === 3;
})();
function combineFontStyleAndFontWeight(fontStyle, fontWeight) {
if (isJsPDF23) {
return fontWeight == 400
? fontStyle == 'italic'
? 'italic'
: 'normal'
: fontWeight == 700 && fontStyle !== 'italic'
? 'bold'
: fontStyle + '' + fontWeight;
}
else {
return fontWeight == 400 || fontWeight === 'normal'
? fontStyle === 'italic'
? 'italic'
: 'normal'
: (fontWeight == 700 || fontWeight === 'bold') && fontStyle === 'normal'
? 'bold'
: (fontWeight == 700 ? 'bold' : fontWeight) + '' + fontStyle;
}
}
function getBoundingBoxByChildren(context, svgnode) {
if (getAttribute(svgnode.element, context.styleSheets, 'display') === 'none') {
return [0, 0, 0, 0];
}
var boundingBox = [];
svgnode.children.forEach(function (child) {
var nodeBox = child.getBoundingBox(context);
if ((nodeBox[0] === 0) && (nodeBox[1] === 0) && (nodeBox[2] === 0) && (nodeBox[3] === 0))
return;
var transform = child.computeNodeTransform(context);
// TODO: take into account rotation matrix
nodeBox[0] = nodeBox[0] * transform.sx + transform.tx;
nodeBox[1] = nodeBox[1] * transform.sy + transform.ty;
nodeBox[2] = nodeBox[2] * transform.sx;
nodeBox[3] = nodeBox[3] * transform.sy;
if (boundingBox.length === 0)
boundingBox = nodeBox;
else
boundingBox = [
Math.min(boundingBox[0], nodeBox[0]),
Math.min(boundingBox[1], nodeBox[1]),
Math.max(boundingBox[0] + boundingBox[2], nodeBox[0] + nodeBox[2]) -
Math.min(boundingBox[0], nodeBox[0]),
Math.max(boundingBox[1] + boundingBox[3], nodeBox[1] + nodeBox[3]) -
Math.min(boundingBox[1], nodeBox[1])
];
});
return boundingBox.length === 0 ? [0, 0, 0, 0] : boundingBox;
}
function defaultBoundingBox(element, context) {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
var pf = parseFloat;
// TODO: check if there are other possible coordinate attributes
var x1 = pf(element.getAttribute('x1')) ||
pf(getAttribute(element, context.styleSheets, 'x')) ||
pf(getAttribute(element, context.styleSheets, 'cx')) -
pf(getAttribute(element, context.styleSheets, 'r')) ||
0;
var x2 = pf(element.getAttribute('x2')) ||
x1 + pf(getAttribute(element, context.styleSheets, 'width')) ||
pf(getAttribute(element, context.styleSheets, 'cx')) +
pf(getAttribute(element, context.styleSheets, 'r')) ||
0;
var y1 = pf(element.getAttribute('y1')) ||
pf(getAttribute(element, context.styleSheets, 'y')) ||
pf(getAttribute(element, context.styleSheets, 'cy')) -
pf(getAttribute(element, context.styleSheets, 'r')) ||
0;
var y2 = pf(element.getAttribute('y2')) ||
y1 + pf(getAttribute(element, context.styleSheets, 'height')) ||
pf(getAttribute(element, context.styleSheets, 'cy')) +
pf(getAttribute(element, context.styleSheets, 'r')) ||
0;
return [
Math.min(x1, x2),
Math.min(y1, y2),
Math.max(x1, x2) - Math.min(x1, x2),
Math.max(y1, y2) - Math.min(y1, y2)
];
}
function computeViewBoxTransform(node, viewBox, eX, eY, eWidth, eHeight, context, noTranslate) {
if (noTranslate === void 0) { noTranslate = false; }
var vbX = viewBox[0];
var vbY = viewBox[1];
var vbWidth = viewBox[2];
var vbHeight = viewBox[3];
var scaleX = eWidth / vbWidth;
var scaleY = eHeight / vbHeight;
var align, meetOrSlice;
var preserveAspectRatio = node.getAttribute('preserveAspectRatio');
if (preserveAspectRatio) {
var alignAndMeetOrSlice = preserveAspectRatio.split(' ');
if (alignAndMeetOrSlice[0] === 'defer') {
alignAndMeetOrSlice = alignAndMeetOrSlice.slice(1);
}
align = alignAndMeetOrSlice[0];
meetOrSlice = alignAndMeetOrSlice[1] || 'meet';
}
else {
align = 'xMidYMid';
meetOrSlice = 'meet';
}
if (align !== 'none') {
if (meetOrSlice === 'meet') {
// uniform scaling with min scale
scaleX = scaleY = Math.min(scaleX, scaleY);
}
else if (meetOrSlice === 'slice') {
// uniform scaling with max scale
scaleX = scaleY = Math.max(scaleX, scaleY);
}
}
if (noTranslate) {
return context.pdf.Matrix(scaleX, 0, 0, scaleY, 0, 0);
}
var translateX = eX - vbX * scaleX;
var translateY = eY - vbY * scaleY;
if (align.indexOf('xMid') >= 0) {
translateX += (eWidth - vbWidth * scaleX) / 2;
}
else if (align.indexOf('xMax') >= 0) {
translateX += eWidth - vbWidth * scaleX;
}
if (align.indexOf('YMid') >= 0) {
translateY += (eHeight - vbHeight * scaleY) / 2;
}
else if (align.indexOf('YMax') >= 0) {
translateY += eHeight - vbHeight * scaleY;
}
var translate = context.pdf.Matrix(1, 0, 0, 1, translateX, translateY);
var scale = context.pdf.Matrix(scaleX, 0, 0, scaleY, 0, 0);
return context.pdf.matrixMult(scale, translate);
}
// parses the "transform" string
function parseTransform(transformString, context) {
if (!transformString || transformString === 'none')
return context.pdf.unitMatrix;
var mRegex = /^[\s,]*matrix\(([^)]+)\)\s*/, tRegex = /^[\s,]*translate\(([^)]+)\)\s*/, rRegex = /^[\s,]*rotate\(([^)]+)\)\s*/, sRegex = /^[\s,]*scale\(([^)]+)\)\s*/, sXRegex = /^[\s,]*skewX\(([^)]+)\)\s*/, sYRegex = /^[\s,]*skewY\(([^)]+)\)\s*/;
var resultMatrix = context.pdf.unitMatrix;
var m;
var tSLength;
while (transformString.length > 0 && transformString.length !== tSLength) {
tSLength = transformString.length;
var match = mRegex.exec(transformString);
if (match) {
m = parseFloats(match[1]);
resultMatrix = context.pdf.matrixMult(context.pdf.Matrix(m[0], m[1], m[2], m[3], m[4], m[5]), resultMatrix);
transformString = transformString.substr(match[0].length);
}
match = rRegex.exec(transformString);
if (match) {
m = parseFloats(match[1]);
var a = (Math.PI * m[0]) / 180;
resultMatrix = context.pdf.matrixMult(context.pdf.Matrix(Math.cos(a), Math.sin(a), -Math.sin(a), Math.cos(a), 0, 0), resultMatrix);
if (m[1] || m[2]) {
var t1 = context.pdf.Matrix(1, 0, 0, 1, m[1], m[2]);
var t2 = context.pdf.Matrix(1, 0, 0, 1, -m[1], -m[2]);
resultMatrix = context.pdf.matrixMult(t2, context.pdf.matrixMult(resultMatrix, t1));
}
transformString = transformString.substr(match[0].length);
}
match = tRegex.exec(transformString);
if (match) {
m = parseFloats(match[1]);
resultMatrix = context.pdf.matrixMult(context.pdf.Matrix(1, 0, 0, 1, m[0], m[1] || 0), resultMatrix);
transformString = transformString.substr(match[0].length);
}
match = sRegex.exec(transformString);
if (match) {
m = parseFloats(match[1]);
if (!m[1])
m[1] = m[0];
resultMatrix = context.pdf.matrixMult(context.pdf.Matrix(m[0], 0, 0, m[1], 0, 0), resultMatrix);
transformString = transformString.substr(match[0].length);
}
match = sXRegex.exec(transformString);
if (match) {
m = parseFloat(match[1]);
m *= Math.PI / 180;
resultMatrix = context.pdf.matrixMult(context.pdf.Matrix(1, 0, Math.tan(m), 1, 0, 0), resultMatrix);
transformString = transformString.substr(match[0].length);
}
match = sYRegex.exec(transformString);
if (match) {
m = parseFloat(match[1]);
m *= Math.PI / 180;
resultMatrix = context.pdf.matrixMult(context.pdf.Matrix(1, Math.tan(m), 0, 1, 0, 0), resultMatrix);
transformString = transformString.substr(match[0].length);
}
}
return resultMatrix;
}
var SvgNode = /** @class */ (function () {
function SvgNode(element, children) {
this.element = element;
this.children = children;
this.parent = null;
}
SvgNode.prototype.setParent = function (parent) {
this.parent = parent;
};
SvgNode.prototype.getParent = function () {
return this.parent;
};
SvgNode.prototype.getBoundingBox = function (context) {
if (getAttribute(this.element, context.styleSheets, 'display') === 'none') {
return [0, 0, 0, 0];
}
return this.getBoundingBoxCore(context);
};
SvgNode.prototype.computeNodeTransform = function (context) {
var nodeTransform = this.computeNodeTransformCore(context);
var transformString = getAttribute(this.element, context.styleSheets, 'transform');
if (!transformString)
return nodeTransform;
else
return context.pdf.matrixMult(nodeTransform, parseTransform(transformString, context));
};
return SvgNode;
}());
var NonRenderedNode = /** @class */ (function (_super) {
__extends(NonRenderedNode, _super);
function NonRenderedNode() {
return _super !== null && _super.apply(this, arguments) || this;
}
// eslint-disable-next-line @typescript-eslint/no-unused-vars
NonRenderedNode.prototype.render = function (parentContext) {
return Promise.resolve();
};
// eslint-disable-next-line @typescript-eslint/no-unused-vars
NonRenderedNode.prototype.getBoundingBoxCore = function (context) {
return [];
};
NonRenderedNode.prototype.computeNodeTransformCore = function (context) {
return context.pdf.unitMatrix;
};
return NonRenderedNode;
}(SvgNode));
var Gradient = /** @class */ (function (_super) {
__extends(Gradient, _super);
function Gradient(pdfGradientType, element, children) {
var _this = _super.call(this, element, children) || this;
_this.pdfGradientType = pdfGradientType;
_this.contextColor = undefined;
return _this;
}
Gradient.prototype.apply = function (context) {
return __awaiter(this, void 0, void 0, function () {
var id, colors, opacitySum, hasOpacity, gState, pattern;
return __generator(this, function (_a) {
id = this.element.getAttribute('id');
if (!id) {
return [2 /*return*/];
}
colors = this.getStops(context.styleSheets);
opacitySum = 0;
hasOpacity = false;
colors.forEach(function (_a) {
var opacity = _a.opacity;
if (opacity && opacity !== 1) {
opacitySum += opacity;
hasOpacity = true;
}
});
if (hasOpacity) {
gState = new GState({ opacity: opacitySum / colors.length });
}
pattern = new ShadingPattern(this.pdfGradientType, this.getCoordinates(), colors, gState);
context.pdf.addShadingPattern(id, pattern);
return [2 /*return*/];
});
});
};
Gradient.prototype.getStops = function (styleSheets) {
var _this = this;
if (this.stops) {
return this.stops;
}
// Only need to calculate contextColor once
if (this.contextColor === undefined) {
this.contextColor = null;
var ancestor = this;
while (ancestor) {
var colorAttr = getAttribute(ancestor.element, styleSheets, 'color');
if (colorAttr) {
this.contextColor = parseColor(colorAttr, null);
break;
}
ancestor = ancestor.getParent();
}
}
var stops = [];
this.children.forEach(function (stop) {
if (stop.element.tagName.toLowerCase() === 'stop') {
var colorAttr = getAttribute(stop.element, styleSheets, 'color');
var color = parseColor(getAttribute(stop.element, styleSheets, 'stop-color') || '', colorAttr
? { color: parseColor(colorAttr, null) }
: { color: _this.contextColor });
var opacity = parseFloat(getAttribute(stop.element, styleSheets, 'stop-opacity') || '1');
stops.push({
offset: Gradient.parseGradientOffset(stop.element.getAttribute('offset') || '0'),
color: [color.r, color.g, color.b],
opacity: opacity
});
}
});
return (this.stops = stops);
};
Gradient.prototype.getBoundingBoxCore = function (context) {
return defaultBoundingBox(this.element, context);
};
Gradient.prototype.computeNodeTransformCore = function (context) {
return context.pdf.unitMatrix;
};
Gradient.prototype.isVisible = function (parentVisible, context) {
return svgNodeAndChildrenVisible(this, parentVisible, context);
};
/**
* Convert percentage to decimal
*/
Gradient.parseGradientOffset = function (value) {
var parsedValue = parseFloat(value);
if (!isNaN(parsedValue) && value.indexOf('%') >= 0) {
return parsedValue / 100;
}
return parsedValue;
};
return Gradient;
}(NonRenderedNode));
var LinearGradient = /** @class */ (function (_super) {
__extends(LinearGradient, _super);
function LinearGradient(element, children) {
return _super.call(this, 'axial', element, children) || this;
}
LinearGradient.prototype.getCoordinates = function () {
return [
parseFloat(this.element.getAttribute('x1') || '0'),
parseFloat(this.element.getAttribute('y1') || '0'),
parseFloat(this.element.getAttribute('x2') || '1'),
parseFloat(this.element.getAttribute('y2') || '0')
];
};
return LinearGradient;
}(Gradient));
var RadialGradient = /** @class */ (function (_super) {
__extends(RadialGradient, _super);
function RadialGradient(element, children) {
return _super.call(this, 'radial', element, children) || this;
}
RadialGradient.prototype.getCoordinates = function () {
var cx = this.element.getAttribute('cx');
var cy = this.element.getAttribute('cy');
var fx = this.element.getAttribute('fx');
var fy = this.element.getAttribute('fy');
return [
parseFloat(fx || cx || '0.5'),
parseFloat(fy || cy || '0.5'),
0,
parseFloat(cx || '0.5'),
parseFloat(cy || '0.5'),
parseFloat(this.element.getAttribute('r') || '0.5')
];
};
return RadialGradient;
}(Gradient));
var GradientFill = /** @class */ (function () {
function GradientFill(key, gradient) {
this.key = key;
this.gradient = gradient;
}
GradientFill.prototype.getFillData = function (forNode, context) {
return __awaiter(this, void 0, void 0, function () {
var gradientUnitsMatrix, bBox, gradientTransform;
return __generator(this, function (_a) {
switch (_a.label) {
case 0: return [4 /*yield*/, context.refsHandler.getRendered(this.key, null, function (node) {
return node.apply(new Context(context.pdf, {
refsHandler: context.refsHandler,
textMeasure: context.textMeasure,
styleSheets: context.styleSheets,
viewport: context.viewport,
svg2pdfParameters: context.svg2pdfParameters
}));
})
// matrix to convert between gradient space and user space
// for "userSpaceOnUse" this is the current transformation: tfMatrix
// for "objectBoundingBox" or default, the gradient gets scaled and transformed to the bounding box
];
case 1:
_a.sent();
if (!this.gradient.element.hasAttribute('gradientUnits') ||
this.gradient.element.getAttribute('gradientUnits').toLowerCase() === 'objectboundingbox') {
bBox = forNode.getBoundingBox(context);
gradientUnitsMatrix = context.pdf.Matrix(bBox[2], 0, 0, bBox[3], bBox[0], bBox[1]);
}
else {
gradientUnitsMatrix = context.pdf.unitMatrix;
}
gradientTransform = parseTransform(getAttribute(this.gradient.element, context.styleSheets, 'gradientTransform', 'transform'), context);
return [2 /*return*/, {
key: this.key,
matrix: context.pdf.matrixMult(gradientTransform, gradientUnitsMatrix)
}];
}
});
});
};
return GradientFill;
}());
var Pattern = /** @class */ (function (_super) {
__extends(Pattern, _super);
function Pattern() {
return _super !== null && _super.apply(this, arguments) || this;
}
Pattern.prototype.apply = function (context) {
return __awaiter(this, void 0, void 0, function () {
var id, bBox, pattern, _i, _a, child;
return __generator(this, function (_b) {
switch (_b.label) {
case 0:
id = this.element.getAttribute('id');
if (!id) {
return [2 /*return*/];
}
bBox = this.getBoundingBox(context);
pattern = new TilingPattern([bBox[0], bBox[1], bBox[0] + bBox[2], bBox[1] + bBox[3]], bBox[2], bBox[3]);
context.pdf.beginTilingPattern(pattern);
_i = 0, _a = this.children;
_b.label = 1;
case 1:
if (!(_i < _a.length)) return [3 /*break*/, 4];
child = _a[_i];
return [4 /*yield*/, child.render(new Context(context.pdf, {
attributeState: context.attributeState,
refsHandler: context.refsHandler,
styleSheets: context.styleSheets,
viewport: context.viewport,
svg2pdfParameters: context.svg2pdfParameters,
textMeasure: context.textMeasure
}))];
case 2:
_b.sent();
_b.label = 3;
case 3:
_i++;
return [3 /*break*/, 1];
case 4:
context.pdf.endTilingPattern(id, pattern);
return [2 /*return*/];
}
});
});
};
Pattern.prototype.getBoundingBoxCore = function (context) {
return defaultBoundingBox(this.element, context);
};
Pattern.prototype.computeNodeTransformCore = function (context) {
return context.pdf.unitMatrix;
};
Pattern.prototype.isVisible = function (parentVisible, context) {
return svgNodeAndChildrenVisible(this, parentVisible, context);
};
return Pattern;
}(NonRenderedNode));
var PatternFill = /** @class */ (function () {
function PatternFill(key, pattern) {
this.key = key;
this.pattern = pattern;
}
PatternFill.prototype.getFillData = function (forNode, context) {
return __awaiter(this, void 0, void 0, function () {
var patternData, bBox, patternUnitsMatrix, fillBBox, x, y, width, height, patternContentUnitsMatrix, fillBBox, x, y, width, height, patternTransformMatrix, patternTransform, matrix;
return __generator(this, function (_a) {
switch (_a.label) {
case 0: return [4 /*yield*/, context.refsHandler.getRendered(this.key, null, function (node) {
return node.apply(new Context(context.pdf, {
refsHandler: context.refsHandler,
textMeasure: context.textMeasure,
styleSheets: context.styleSheets,
viewport: context.viewport,
svg2pdfParameters: context.svg2pdfParameters
}));
})];
case 1:
_a.sent();
patternData = {
key: this.key,
boundingBox: undefined,
xStep: 0,
yStep: 0,
matrix: undefined
};
patternUnitsMatrix = context.pdf.unitMatrix;
if (!this.pattern.element.hasAttribute('patternUnits') ||
this.pattern.element.getAttribute('patternUnits').toLowerCase() === 'objectboundingbox') {
bBox = forNode.getBoundingBox(context);
patternUnitsMatrix = context.pdf.Matrix(1, 0, 0, 1, bBox[0], bBox[1]);
fillBBox = this.pattern.getBoundingBox(context);
x = fillBBox[0] * bBox[0] || 0;
y = fillBBox[1] * bBox[1] || 0;
width = fillBBox[2] * bBox[2] || 0;
height = fillBBox[3] * bBox[3] || 0;
patternData.boundingBox = [x, y, x + width, y + height];
patternData.xStep = width;
patternData.yStep = height;
}
patternContentUnitsMatrix = context.pdf.unitMatrix;
if (this.pattern.element.hasAttribute('patternContentUnits') &&
this.pattern.element.getAttribute('patternContentUnits').toLowerCase() ===
'objectboundingbox') {
bBox || (bBox = forNode.getBoundingBox(context));
patternContentUnitsMatrix = context.pdf.Matrix(bBox[2], 0, 0, bBox[3], 0, 0);
fillBBox = patternData.boundingBox || this.pattern.getBoundingBox(context);
x = fillBBox[0] / bBox[0] || 0;
y = fillBBox[1] / bBox[1] || 0;
width = fillBBox[2] / bBox[2] || 0;
height = fillBBox[3] / bBox[3] || 0;
patternData.boundingBox = [x, y, x + width, y + height];
patternData.xStep = width;
patternData.yStep = height;
}
patternTransformMatrix = context.pdf.unitMatrix;
patternTransform = getAttribute(this.pattern.element, context.styleSheets, 'patternTransform', 'transform');
if (patternTransform) {
patternTransformMatrix = parseTransform(patternTransform, context);
}
matrix = patternContentUnitsMatrix;
matrix = context.pdf.matrixMult(matrix, patternUnitsMatrix); // translate by
matrix = context.pdf.matrixMult(matrix, patternTransformMatrix);
matrix = context.pdf.matrixMult(matrix, context.transform);
patternData.matrix = matrix;
return [2 /*return*/, patternData];
}
});
});
};
return PatternFill;
}());
function parseFill(fill, context) {
var url = iriReference.exec(fill);
if (url) {
var fillUrl = url[1];
var fillNode = context.refsHandler.get(fillUrl);
if (fillNode && (fillNode instanceof LinearGradient || fillNode instanceof RadialGradient)) {
return getGradientFill(fillUrl, fillNode, context);
}
else if (fillNode && fillNode instanceof Pattern) {
return new PatternFill(fillUrl, fillNode);
}
else {
// unsupported fill argument -> fill black
return new ColorFill(new RGBColor('rgb(0, 0, 0)'));
}
}
else {
// plain color
var fillColor = parseColor(fill, context.attributeState);
if (fillColor.ok) {
return new ColorFill(fillColor);
}
else if (fill === 'none') {
return null;
}
else {
return null;
}
}
}
function getGradientFill(fillUrl, gradient, context) {
// "It is necessary that at least two stops are defined to have a gradient effect. If no stops are
// defined, then painting shall occur as if 'none' were specified as the paint style. If one stop
// is defined, then paint with the solid color fill using the color defined for that gradient
// stop."
var stops = gradient.getStops(context.styleSheets);
if (stops.length === 0) {
return null;
}
if (stops.length === 1) {
var stopColor = stops[0].color;
var rgbColor = new RGBColor();
rgbColor.ok = true;
rgbColor.r = stopColor[0];
rgbColor.g = stopColor[1];
rgbColor.b = stopColor[2];
rgbColor.a = stops[0].opacity;
return new ColorFill(rgbColor);
}
return new GradientFill(fillUrl, gradient);
}
function parseAttributes(context, svgNode, node) {
var domNode = node || svgNode.element;
// update color first so currentColor becomes available for this node
var color = getAttribute(domNode, context.styleSheets, 'color');
if (color) {
var fillColor = parseColor(color, context.attributeState);
if (fillColor.ok) {
context.attributeState.color = fillColor;
}
else {
// invalid color passed, reset to black
context.attributeState.color = new RGBColor('rgb(0,0,0)');
}
}
var visibility = getAttribute(domNode, context.styleSheets, 'visibility');
if (visibility) {
context.attributeState.visibility = visibility;
}
// fill mode
var fill = getAttribute(domNode, context.styleSheets, 'fill');
if (fill) {
context.attributeState.fill = parseFill(fill, context);
}
// opacity is realized via a pdf graphics state
var fillOpacity = getAttribute(domNode, context.styleSheets, 'fill-opacity');
if (fillOpacity) {
context.attributeState.fillOpacity = parseFloat(fillOpacity);
}
var strokeOpacity = getAttribute(domNode, context.styleSheets, 'stroke-opacity');
if (strokeOpacity) {
context.attributeState.strokeOpacity = parseFloat(strokeOpacity);
}
var opacity = getAttribute(domNode, context.styleSheets, 'opacity');
if (opacity) {
context.attributeState.opacity = parseFloat(opacity);
}
// stroke mode
var strokeWidth = getAttribute(domNode, context.styleSheets, 'stroke-width');
if (strokeWidth !== void 0 && strokeWidth !== '') {
context.attributeState.strokeWidth = Math.abs(parseFloat(strokeWidth));
}
var stroke = getAttribute(domNode, context.styleSheets, 'stroke');
if (stroke) {
if (stroke === 'none') {
context.attributeState.stroke = null;
}
else {
// gradients, patterns not supported for strokes ...
var strokeRGB = parseColor(stroke, context.attributeState);
if (strokeRGB.ok) {
context.attributeState.stroke = new ColorFill(strokeRGB);
}
}
}
if (stroke && context.attributeState.stroke instanceof ColorFill) {
context.attributeState.contextStroke = context.attributeState.stroke.color;
}
if (fill && context.attributeState.fill instanceof ColorFill) {
context.attributeState.contextFill = context.attributeState.fill.color;
}
var lineCap = getAttribute(domNode, context.styleSheets, 'stroke-linecap');
if (lineCap) {
context.attributeState.strokeLinecap = lineCap;
}
var lineJoin = getAttribute(domNode, context.styleSheets, 'stroke-linejoin');
if (lineJoin) {
context.attributeState.strokeLinejoin = lineJoin;
}
var dashArray = getAttribute(domNode, context.styleSheets, 'stroke-dasharray');
if (dashArray) {
var dashOffset = parseInt(getAttribute(domNode, context.styleSheets, 'stroke-dashoffset') || '0');
context.attributeState.strokeDasharray = parseFloats(dashArray);
context.attributeState.strokeDashoffset = dashOffset;
}
var miterLimit = getAttribute(domNode, context.styleSheets, 'stroke-miterlimit');
if (miterLimit !== void 0 && miterLimit !== '') {
context.attributeState.strokeMiterlimit = parseFloat(miterLimit);
}
var xmlSpace = domNode.getAttribute('xml:space');
if (xmlSpace) {
context.attributeState.xmlSpace = xmlSpace;
}
var fontWeight = getAttribute(domNode, context.styleSheets, 'font-weight');
if (fontWeight) {
context.attributeState.fontWeight = fontWeight;
}
var fontStyle = getAttribute(domNode, context.styleSheets, 'font-style');
if (fontStyle) {
context.attributeState.fontStyle = fontStyle;
}
var fontFamily = getAttribute(domNode, context.styleSheets, 'font-family');
if (fontFamily) {
var fontFamilies = FontFamily.parse(fontFamily);
context.attributeState.fontFamily = findFirstAvailableFontFamily(context.attributeState, fontFamilies, context);
}
var fontSize = getAttribute(domNode, context.styleSheets, 'font-size');
if (fontSize) {
var pdfFontSize = context.pdf.getFontSize();
context.attributeState.fontSize = toPixels(fontSize, pdfFontSize);
}
var alignmentBaseline = getAttribute(domNode, context.styleSheets, 'vertical-align') ||
getAttribute(domNode, context.styleSheets, 'alignment-baseline');
if (alignmentBaseline) {
var matchArr = alignmentBaseline.match(/(baseline|text-bottom|alphabetic|ideographic|middle|central|mathematical|text-top|bottom|center|top|hanging)/);
if (matchArr) {
context.attributeState.alignmentBaseline = matchArr[0];
}
}
var textAnchor = getAttribute(domNode, context.styleSheets, 'text-anchor');
if (textAnchor) {
context.attributeState.textAnchor = textAnchor;
}
var fillRule = getAttribute(domNode, context.styleSheets, 'fill-rule');
if (fillRule) {
context.attributeState.fillRule = fillRule;
}
}
function applyAttributes(childContext, parentContext, node) {
var fillOpacity = 1.0, strokeOpacity = 1.0;
fillOpacity *= childContext.attributeState.fillOpacity;
fillOpacity *= childContext.attributeState.opacity;
if (childContext.attributeState.fill instanceof ColorFill &&
typeof childContext.attributeState.fill.color.a !== 'undefined') {
fillOpacity *= childContext.attributeState.fill.color.a;
}
strokeOpacity *= childContext.attributeState.strokeOpacity;
strokeOpacity *= childContext.attributeState.opacity;
if (childContext.attributeState.stroke instanceof ColorFill &&
typeof childContext.attributeState.stroke.color.a !== 'undefined') {
strokeOpacity *= childContext.attributeState.stroke.color.a;
}
var hasFillOpacity = fillOpacity < 1.0;
var hasStrokeOpacity = strokeOpacity < 1.0;
// This is a workaround for symbols that are used multiple times with different
// fill/stroke attributes. All paths within symbols are both filled and stroked
// and we set the fill/stroke to transparent if the use element has
// fill/stroke="none".
if (nodeIs(node, 'use')) {
hasFillOpacity = true;
hasStrokeOpacity = true;
fillOpacity *= childContext.attributeState.fill ? 1 : 0;
strokeOpacity *= childContext.attributeState.stroke ? 1 : 0;
}
else if (childContext.withinUse) {
if (childContext.attributeState.fill !== parentContext.attributeState.fill) {
hasFillOpacity = true;
fillOpacity *= childContext.attributeState.fill ? 1 : 0;
}
else if (hasFillOpacity && !childContext.attributeState.fill) {
fillOpacity = 0;
}
if (childContext.attributeState.stroke !== parentContext.attributeState.stroke) {
hasStrokeOpacity = true;
strokeOpacity *= childContext.attributeState.stroke ? 1 : 0;
}
else if (hasStrokeOpacity && !childContext.attributeState.stroke) {
strokeOpacity = 0;
}
}
if (hasFillOpacity || hasStrokeOpacity) {
var gState = {};
hasFillOpacity && (gState['opacity'] = fillOpacity);
hasStrokeOpacity && (gState['stroke-opacity'] = strokeOpacity);
childContext.pdf.setGState(new GState(gState));
}
if (childContext.attributeState.fill &&
childContext.attributeState.fill !== parentContext.attributeState.fill &&
childContext.attributeState.fill instanceof ColorFill &&
childContext.attributeState.fill.color.ok &&
!nodeIs(node, 'text')) {
// text fill color will be applied through setTextColor()
childContext.pdf.setFillColor(childContext.attributeState.fill.color.r, childContext.attributeState.fill.color.g, childContext.attributeState.fill.color.b);
}
if (childContext.attributeState.strokeWidth !== parentContext.attributeState.strokeWidth) {
childContext.pdf.setLineWidth(childContext.attributeState.strokeWidth);
}
if (childContext.attributeState.stroke !== parentContext.attributeState.stroke &&
childContext.attributeState.stroke instanceof ColorFill) {
childContext.pdf.setDrawColor(childContext.attributeState.stroke.color.r, childContext.attributeState.stroke.color.g, childContext.attributeState.stroke.color.b);
}
if (childContext.attributeState.strokeLinecap !== parentContext.attributeState.strokeLinecap) {
childContext.pdf.setLineCap(childContext.attributeState.strokeLinecap);
}
if (childContext.attributeState.strokeLinejoin !== parentContext.attributeState.strokeLinejoin) {
childContext.pdf.setLineJoin(childContext.attributeState.strokeLinejoin);
}
if ((childContext.attributeState.strokeDasharray !== parentContext.attributeState.strokeDasharray ||
childContext.attributeState.strokeDashoffset !==
parentContext.attributeState.strokeDashoffset) &&
childContext.attributeState.strokeDasharray) {
childContext.pdf.setLineDashPattern(childContext.attributeState.strokeDasharray, childContext.attributeState.strokeDashoffset);
}
if (childContext.attributeState.strokeMiterlimit !== parentContext.attributeState.strokeMiterlimit) {
childContext.pdf.setLineMiterLimit(childContext.attributeState.strokeMiterlimit);
}
var font;
if (childContext.attributeState.fontFamily !== parentContext.attributeState.fontFamily) {
if (fontAliases.hasOwnProperty(childContext.attributeState.fontFamily)) {
font = fontAliases[childContext.attributeState.fontFamily];
}
else {
font = childContext.attributeState.fontFamily;
}
}
if (childContext.attributeState.fill &&
childContext.attributeState.fill !== parentContext.attributeState.fill &&
childContext.attributeState.fill instanceof ColorFill &&
childContext.attributeState.fill.color.ok) {
var fillColor = childContext.attributeState.fill.color;
childContext.pdf.setTextColor(fillColor.r, fillColor.g, fillColor.b);
}
var fontStyle;
if (childContext.attributeState.fontWeight !== parentContext.attributeState.fontWeight ||
childContext.attributeState.fontStyle !== parentContext.attributeState.fontStyle) {
fontStyle = combineFontStyleAndFontWeight(childContext.attributeState.fontStyle, childContext.attributeState.fontWeight);
}
if (font !== undefined || fontStyle !== undefined) {
if (font === undefined) {
if (fontAliases.hasOwnProperty(childContext.attributeState.fontFamily)) {
font = fontAliases[childContext.attributeState.fontFamily];
}
else {
font = childContext.attributeState.fontFamily;
}
}
childContext.pdf.setFont(font, fontStyle);
}
if (childContext.attributeState.fontSize !== parentContext.attributeState.fontSize) {
// correct for a jsPDF-instance measurement unit that differs from `pt`
childContext.pdf.setFontSize(childContext.attributeState.fontSize * childContext.pdf.internal.scaleFactor);
}
}
function applyContext(context) {
var attributeState = context.attributeState, pdf = context.pdf;
var fillOpacity = 1.0, strokeOpacity = 1.0;
fillOpacity *= attributeState.fillOpacity;
fillOpacity *= attributeState.opacity;
if (attributeState.fill instanceof ColorFill &&
typeof attributeState.fill.color.a !== 'undefined') {
fillOpacity *= attributeState.fill.color.a;
}
strokeOpacity *= attributeState.strokeOpacity;
strokeOpacity *= attributeState.opacity;
if (attributeState.stroke instanceof ColorFill &&
typeof attributeState.stroke.color.a !== 'undefined') {
strokeOpacity *= attributeState.stroke.color.a;
}
var gState = {};
gState['opacity'] = fillOpacity;
gState['stroke-opacity'] = strokeOpacity;
pdf.setGState(new GState(gState));
if (attributeState.fill &&
attributeState.fill instanceof ColorFill &&
attributeState.fill.color.ok) {
// text fill color will be applied through setTextColor()
pdf.setFillColor(attributeState.fill.color.r, attributeState.fill.color.g, attributeState.fill.color.b);
}
else {
pdf.setFillColor(0, 0, 0);
}
pdf.setLineWidth(attributeState.strokeWidth);
if (attributeState.stroke instanceof ColorFill) {
pdf.setDrawColor(attributeState.stroke.color.r, attributeState.stroke.color.g, attributeState.stroke.color.b);
}
else {
pdf.setDrawColor(0, 0, 0);
}
pdf.setLineCap(attributeState.strokeLinecap);
pdf.setLineJoin(attributeState.strokeLinejoin);
if (attributeState.strokeDasharray) {
pdf.setLineDashPattern(attributeState.strokeDasharray, attributeState.strokeDashoffset);
}
else {
pdf.setLineDashPattern([], 0);
}
pdf.setLineMiterLimit(attributeState.strokeMiterlimit);
var font;
if (fontAliases.hasOwnProperty(attributeState.fontFamily)) {
font = fontAliases[attributeState.fontFamily];
}
else {
font = attributeState.fontFamily;
}
if (attributeState.fill &&
attributeState.fill instanceof ColorFill &&
attributeState.fill.color.ok) {
var fillColor = attributeState.fill.color;
pdf.setTextColor(fillColor.r, fillColor.g, fillColor.b);
}
else {
pdf.setTextColor(0, 0, 0);
}
var fontStyle = '';
if (attributeState.fontWeight === 'bold') {
fontStyle = 'bold';
}
if (attributeState.fontStyle === 'italic') {
fontStyle += 'italic';
}
if (fontStyle === '') {
fontStyle = 'normal';
}
if (font !== undefined || fontStyle !== undefined) {
if (font === undefined) {
if (fontAliases.hasOwnProperty(attributeState.fontFamily)) {
font = fontAliases[attributeState.fontFamily];
}
else {
font = attributeState.fontFamily;
}
}
pdf.setFont(font, fontStyle);
}
else {
pdf.setFont('helvetica', fontStyle);
}
// correct for a jsPDF-instance measurement unit that differs from `pt`
pdf.setFontSize(attributeState.fontSize * pdf.internal.scaleFactor);
}
function getClipPathNode(clipPathAttr, targetNode, context) {
var match = iriReference.exec(clipPathAttr);
if (!match) {
return undefined;
}
var clipPathId = match[1];
var clipNode = context.refsHandler.get(clipPathId);
return clipNode || undefined;
}
function applyClipPath(targetNode, clipPathNode, context) {
return __awaiter(this, void 0, void 0, function () {
var clipContext, bBox;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
clipContext = context.clone();
if (clipPathNode.element.hasAttribute('clipPathUnits') &&
clipPathNode.element.getAttribute('clipPathUnits').toLowerCase() === 'objectboundingbox') {
bBox = targetNode.getBoundingBox(context);
clipContext.transform = context.pdf.matrixMult(context.pdf.Matrix(bBox[2], 0, 0, bBox[3], bBox[0], bBox[1]), context.transform);
}
return [4 /*yield*/, clipPathNode.apply(clipContext)];
case 1:
_a.sent();
return [2 /*return*/];
}
});
});
}
var RenderedNode = /** @class */ (function (_super) {
__extends(RenderedNode, _super);
function RenderedNode() {
return _super !== null && _super.apply(this, arguments) || this;
}
RenderedNode.prototype.render = function (parentContext) {
return __awaiter(this, void 0, void 0, function () {
var context, clipPathAttribute, hasClipPath, clipNode;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
if (!this.isVisible(parentContext.attributeState.visibility !== 'hidden', parentContext)) {
return [2 /*return*/];
}
context = parentContext.clone();
context.transform = context.pdf.matrixMult(this.computeNodeTransform(context), parentContext.transform);
parseAttributes(context, this);
clipPathAttribute = getAttribute(this.element, context.styleSheets, 'clip-path');
hasClipPath = clipPathAttribute && clipPathAttribute !== 'none';
if (!hasClipPath) return [3 /*break*/, 5];
clipNode = getClipPathNode(clipPathAttribute, this, context);
if (!clipNode) return [3 /*break*/, 4];
if (!clipNode.isVisible(true, context)) return [3 /*break*/, 2];
context.pdf.saveGraphicsState();
return [4 /*yield*/, applyClipPath(this, clipNode, context)];
case 1:
_a.sent();
return [3 /*break*/, 3];
case 2: return [2 /*return*/];
case 3: return [3 /*break*/, 5];
case 4:
hasClipPath = false;
_a.label = 5;
case 5:
if (!context.withinClipPath) {
context.pdf.saveGraphicsState();
}
applyAttributes(context, parentContext, this.element);
return [4 /*yield*/, this.renderCore(context)];
case 6:
_a.sent();
if (!context.withinClipPath) {
context.pdf.restoreGraphicsState();
}
if (hasClipPath) {
context.pdf.restoreGraphicsState();
}
return [2 /*return*/];
}
});
});
};
return RenderedNode;
}(SvgNode));
var GraphicsNode = /** @class */ (function (_super) {
__extends(GraphicsNode, _super);
function GraphicsNode() {
return _super !== null && _super.apply(this, arguments) || this;
}
return GraphicsNode;
}(RenderedNode));
var GeometryNode = /** @class */ (function (_super) {
__extends(GeometryNode, _super);
function GeometryNode(hasMarkers, element, children) {
var _this = _super.call(this, element, children) || this;
_this.cachedPath = null;
_this.hasMarkers = hasMarkers;
return _this;
}
GeometryNode.prototype.renderCore = function (context) {
return __awaiter(this, void 0, void 0, function () {
var path;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
path = this.getCachedPath(context);
if (path === null || path.segments.length === 0) {
return [2 /*return*/];
}
if (context.withinClipPath) {
path.transform(context.transform);
}
else {
context.pdf.setCurrentTransformationMatrix(context.transform);
}
path.draw(context);
return [4 /*yield*/, this.fillOrStroke(context)];
case 1:
_a.sent();
if (!this.hasMarkers) return [3 /*break*/, 3];
return [4 /*yield*/, this.drawMarkers(context, path)];
case 2:
_a.sent();
_a.label = 3;
case 3: return [2 /*return*/];
}
});
});
};
GeometryNode.prototype.getCachedPath = function (context) {
return this.cachedPath || (this.cachedPath = this.getPath(context));
};
GeometryNode.prototype.drawMarkers = function (context, path) {
return __awaiter(this, void 0, void 0, function () {
var markers;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
markers = this.getMarkers(path, context);
return [4 /*yield*/, markers.draw(context.clone({ transform: context.pdf.unitMatrix }))];
case 1:
_a.sent();
return [2 /*return*/];
}
});
});
};
GeometryNode.prototype.fillOrStroke = function (context) {
return __awaiter(this, void 0, void 0, function () {
var fill, stroke, fillData, _a, isNodeFillRuleEvenOdd;
return __generator(this, function (_b) {
switch (_b.label) {
case 0:
if (context.withinClipPath) {
return [2 /*return*/];
}
fill = context.attributeState.fill;
stroke = context.attributeState.stroke && context.attributeState.strokeWidth !== 0;
if (!fill) return [3 /*break*/, 2];
return [4 /*yield*/, fill.getFillData(this, context)];
case 1:
_a = _b.sent();
return [3 /*break*/, 3];
case 2:
_a = undefined;
_b.label = 3;
case 3:
fillData = _a;
isNodeFillRuleEvenOdd = context.attributeState.fillRule === 'evenodd';
// This is a workaround for symbols that are used multiple times with different
// fill/stroke attributes. All paths within symbols are both filled and stroked
// and we set the fill/stroke to transparent if the use element has
// fill/stroke="none".
if ((fill && stroke) || context.withinUse) {
if (isNodeFillRuleEvenOdd) {
context.pdf.fillStrokeEvenOdd(fillData);
}
else {
context.pdf.fillStroke(fillData);
}
}
else if (fill) {
if (isNodeFillRuleEvenOdd) {
context.pdf.fillEvenOdd(fillData);
}
else {
context.pdf.fill(fillData);
}
}
else if (stroke) {
context.pdf.stroke();
}
else {
context.pdf.discardPath();
}
return [2 /*return*/];
}
});
});
};
GeometryNode.prototype.getBoundingBoxCore = function (context) {
var path = this.getCachedPath(context);
if (!path || !path.segments.length) {
return [0, 0, 0, 0];
}
var minX = Number.POSITIVE_INFINITY;
var minY = Number.POSITIVE_INFINITY;
var maxX = Number.NEGATIVE_INFINITY;
var maxY = Number.NEGATIVE_INFINITY;
var x = 0, y = 0;
for (var i = 0; i < path.segments.length; i++) {
var seg = path.segments[i];
if (seg instanceof MoveTo || seg instanceof LineTo || seg instanceof CurveTo) {
x = seg.x;
y = seg.y;
}
if (seg instanceof CurveTo) {
minX = Math.min(minX, x, seg.x1, seg.x2, seg.x);
maxX = Math.max(maxX, x, seg.x1, seg.x2, seg.x);
minY = Math.min(minY, y, seg.y1, seg.y2, seg.y);
maxY = Math.max(maxY, y, seg.y1, seg.y2, seg.y);
}
else {
minX = Math.min(minX, x);
maxX = Math.max(maxX, x);
minY = Math.min(minY, y);
maxY = Math.max(maxY, y);
}
}
return [minX, minY, maxX - minX, maxY - minY];
};
GeometryNode.prototype.getMarkers = function (path, context) {
var markerStart = getAttribute(this.element, context.styleSheets, 'marker-start');
var markerMid = getAttribute(this.element, context.styleSheets, 'marker-mid');
var markerEnd = getAttribute(this.element, context.styleSheets, 'marker-end');
var markers = new MarkerList();
if (markerStart || markerMid || markerEnd) {
markerEnd && (markerEnd = iri(markerEnd));
markerStart && (markerStart = iri(markerStart));
markerMid && (markerMid = iri(markerMid));
var list_1 = path.segments;
var prevAngle = [1, 0], curAngle = void 0, first = false, firstAngle = [1, 0], last_1 = false;
var _loop_1 = function (i) {
var curr = list_1[i];
var hasStartMarker = markerStart &&
(i === 1 || (!(list_1[i] instanceof MoveTo) && list_1[i - 1] instanceof MoveTo));
if (hasStartMarker) {
list_1.forEach(function (value, index) {
if (!last_1 && value instanceof Close && index > i) {
var tmp = list_1[index - 1];
last_1 =
(tmp instanceof MoveTo || tmp instanceof LineTo || tmp instanceof CurveTo) && tmp;
}
});
}
var hasEndMarker = markerEnd &&
(i === list_1.length - 1 || (!(list_1[i] instanceof MoveTo) && list_1[i + 1] instanceof MoveTo));
var hasMidMarker = markerMid && i > 0 && !(i === 1 && list_1[i - 1] instanceof MoveTo);
var prev = list_1[i - 1] || null;
if (prev instanceof MoveTo || prev instanceof LineTo || prev instanceof CurveTo) {
if (curr instanceof CurveTo) {
hasStartMarker &&
markers.addMarker(new Marker(markerStart, [prev.x, prev.y],
// @ts-ignore
getAngle(last_1 ? [last_1.x, last_1.y] : [prev.x, prev.y], [curr.x1, curr.y1]), true));
hasEndMarker &&
markers.addMarker(new Marker(markerEnd, [curr.x, curr.y], getAngle([curr.x2, curr.y2], [curr.x, curr.y])));
if (hasMidMarker) {
curAngle = getDirectionVector([prev.x, prev.y], [curr.x1, curr.y1]);
curAngle =
prev instanceof MoveTo ? curAngle : normalize(addVectors(prevAngle, curAngle));
markers.addMarker(new Marker(markerMid, [prev.x, prev.y], Math.atan2(curAngle[1], curAngle[0])));
}
prevAngle = getDirectionVector([curr.x2, curr.y2], [curr.x, curr.y]);
}
else if (curr instanceof MoveTo || curr instanceof LineTo) {
curAngle = getDirectionVector([prev.x, prev.y], [curr.x, curr.y]);
if (hasStartMarker) {
// @ts-ignore
var angle = last_1 ? getDirectionVector([last_1.x, last_1.y], [curr.x, curr.y]) : curAngle;
markers.addMarker(new Marker(markerStart, [prev.x, prev.y], Math.atan2(angle[1], angle[0]), true));
}
hasEndMarker &&
markers.addMarker(new Marker(markerEnd, [curr.x, curr.y], Math.atan2(curAngle[1], curAngle[0])));
if (hasMidMarker) {
var angle = curr instanceof MoveTo
? prevAngle
: prev instanceof MoveTo
? curAngle
: normalize(addVectors(prevAngle, curAngle));
markers.addMarker(new Marker(markerMid, [prev.x, prev.y], Math.atan2(angle[1], angle[0])));
}
prevAngle = curAngle;
}
else if (curr instanceof Close) {
// @ts-ignore
curAngle = getDirectionVector([prev.x, prev.y], [first.x, first.y]);
if (hasMidMarker) {
var angle = prev instanceof MoveTo ? curAngle : normalize(addVectors(prevAngle, curAngle));
markers.addMarker(new Marker(markerMid, [prev.x, prev.y], Math.atan2(angle[1], angle[0])));
}
if (hasEndMarker) {
var angle = normalize(addVectors(curAngle, firstAngle));
markers.addMarker(
// @ts-ignore
new Marker(markerEnd, [first.x, first.y], Math.atan2(angle[1], angle[0])));
}
prevAngle = curAngle;
}
}
else {
first = curr instanceof MoveTo && curr;
var next = list_1[i + 1];
if (next instanceof MoveTo || next instanceof LineTo || next instanceof CurveTo) {
// @ts-ignore
firstAngle = getDirectionVector([first.x, first.y], [next.x, next.y]);
}
}
};
for (var i = 0; i < list_1.length; i++) {
_loop_1(i);
}
}
markers.markers.forEach(function (marker) {
var markerNode = context.refsHandler.get(marker.id);
if (!markerNode)
return;
var orient = getAttribute(markerNode.element, context.styleSheets, 'orient');
if (orient == null)
return;
if (marker.isStartMarker && orient === 'auto-start-reverse') {
marker.angle += Math.PI;
}
if (!isNaN(Number(orient))) {
marker.angle = (parseFloat(orient) / 180) * Math.PI;
}
});
return markers;
};
return GeometryNode;
}(GraphicsNode));
function iri(attribute) {
var match = iriReference.exec(attribute);
return (match && match[1]) || undefined;
}
var Line = /** @class */ (function (_super) {
__extends(Line, _super);
function Line(node, children) {
return _super.call(this, true, node, children) || this;
}
Line.prototype.getPath = function (context) {
if (context.withinClipPath || context.attributeState.stroke === null) {
return null;
}
var x1 = parseFloat(this.element.getAttribute('x1') || '0'), y1 = parseFloat(this.element.getAttribute('y1') || '0');
var x2 = parseFloat(this.element.getAttribute('x2') || '0'), y2 = parseFloat(this.element.getAttribute('y2') || '0');
if (!(x1 || x2 || y1 || y2)) {
return null;
}
return new Path().moveTo(x1, y1).lineTo(x2, y2);
};
Line.prototype.computeNodeTransformCore = function (context) {
return context.pdf.unitMatrix;
};
Line.prototype.isVisible = function (parentVisible, context) {
return svgNodeIsVisible(this, parentVisible, context);
};
Line.prototype.fillOrStroke = function (context) {
return __awaiter(this, void 0, void 0, function () {
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
context.attributeState.fill = null;
return [4 /*yield*/, _super.prototype.fillOrStroke.call(this, context)];
case 1:
_a.sent();
return [2 /*return*/];
}
});
});
};
return Line;
}(GeometryNode));
var Symbol$1 = /** @class */ (function (_super) {
__extends(Symbol, _super);
function Symbol() {
return _super !== null && _super.apply(this, arguments) || this;
}
Symbol.prototype.apply = function (parentContext) {
return __awaiter(this, void 0, void 0, function () {
var context, clipPathAttribute, hasClipPath, clipNode, _i, _a, child;
return __generator(this, function (_b) {
switch (_b.label) {
case 0:
if (!this.isVisible(parentContext.attributeState.visibility !== 'hidden', parentContext)) {
return [2 /*return*/];
}
context = parentContext.clone();
context.transform = context.pdf.unitMatrix;
parseAttributes(context, this);
clipPathAttribute = getAttribute(this.element, context.styleSheets, 'clip-path');
hasClipPath = clipPathAttribute && clipPathAttribute !== 'none';
if (!hasClipPath) return [3 /*break*/, 3];
clipNode = getClipPathNode(clipPathAttribute, this, context);
if (!clipNode) return [3 /*break*/, 3];
if (!clipNode.isVisible(true, context)) return [3 /*break*/, 2];
return [4 /*yield*/, applyClipPath(this, clipNode, context)];
case 1:
_b.sent();
return [3 /*break*/, 3];
case 2: return [2 /*return*/];
case 3:
applyAttributes(context, parentContext, this.element);
_i = 0, _a = this.children;
_b.label = 4;
case 4:
if (!(_i < _a.length)) return [3 /*break*/, 7];
child = _a[_i];
return [4 /*yield*/, child.render(context)];
case 5:
_b.sent();
_b.label = 6;
case 6:
_i++;
return [3 /*break*/, 4];
case 7: return [2 /*return*/];
}
});
});
};
Symbol.prototype.getBoundingBoxCore = function (context) {
return getBoundingBoxByChildren(context, this);
};
Symbol.prototype.isVisible = function (parentVisible, context) {
return svgNodeAndChildrenVisible(this, parentVisible, context);
};
Symbol.prototype.computeNodeTransformCore = function (context) {
var x = parseFloat(getAttribute(this.element, context.styleSheets, 'x') || '0');
var y = parseFloat(getAttribute(this.element, context.styleSheets, 'y') || '0');
// TODO: implement refX/refY - this is still to do because common browsers don't seem to support the feature yet
// x += parseFloat(this.element.getAttribute("refX")) || 0; ???
// y += parseFloat(this.element.getAttribute("refY")) || 0; ???
var viewBox = this.element.getAttribute('viewBox');
if (viewBox) {
var box = parseFloats(viewBox);
var width = parseFloat(getAttribute(this.element, context.styleSheets, 'width') ||
getAttribute(this.element.ownerSVGElement, context.styleSheets, 'width') ||
viewBox[2]);
var height = parseFloat(getAttribute(this.element, context.styleSheets, 'height') ||
getAttribute(this.element.ownerSVGElement, context.styleSheets, 'height') ||
viewBox[3]);
return computeViewBoxTransform(this.element, box, x, y, width, height, context);
}
else {
return context.pdf.Matrix(1, 0, 0, 1, x, y);
}
};
return Symbol;
}(NonRenderedNode));
var Viewport = /** @class */ (function () {
function Viewport(width, height) {
this.width = width;
this.height = height;
}
return Viewport;
}());
/**
* Draws the element referenced by a use node, makes use of pdf's XObjects/FormObjects so nodes are only written once
* to the pdf document. This highly reduces the file size and computation time.
*/
var Use = /** @class */ (function (_super) {
__extends(Use, _super);
function Use() {
return _super !== null && _super.apply(this, arguments) || this;
}
Use.prototype.renderCore = function (context) {
return __awaiter(this, void 0, void 0, function () {
var pf, url, id, refNode, refNodeOpensViewport, x, y, width, height, t, viewBox, contextColors, refContext;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
pf = parseFloat;
url = this.element.getAttribute('href') || this.element.getAttribute('xlink:href');
// just in case someone has the idea to use empty use-tags, wtf???
if (!url)
return [2 /*return*/];
id = url.substring(1);
refNode = context.refsHandler.get(id);
refNodeOpensViewport = nodeIs(refNode.element, 'symbol,svg') && refNode.element.hasAttribute('viewBox');
x = pf(getAttribute(this.element, context.styleSheets, 'x') || '0');
y = pf(getAttribute(this.element, context.styleSheets, 'y') || '0');
width = undefined;
height = undefined;
if (refNodeOpensViewport) {
// <use> inherits width/height only to svg/symbol
// if there is no viewBox attribute, width/height don't have an effect
// in theory, the default value for width/height is 100%, but we currently don't support this
width = pf(getAttribute(this.element, context.styleSheets, 'width') ||
getAttribute(refNode.element, context.styleSheets, 'width') ||
'0');
height = pf(getAttribute(this.element, context.styleSheets, 'height') ||
getAttribute(refNode.element, context.styleSheets, 'height') ||
'0');
// accumulate x/y to calculate the viewBox transform
x += pf(getAttribute(refNode.element, context.styleSheets, 'x') || '0');
y += pf(getAttribute(refNode.element, context.styleSheets, 'y') || '0');
viewBox = parseFloats(refNode.element.getAttribute('viewBox'));
t = computeViewBoxTransform(refNode.element, viewBox, x, y, width, height, context);
}
else {
t = context.pdf.Matrix(1, 0, 0, 1, x, y);
}
contextColors = AttributeState.getContextColors(context, true);
refContext = new Context(context.pdf, {
refsHandler: context.refsHandler,
styleSheets: context.styleSheets,
withinUse: true,
viewport: refNodeOpensViewport ? new Viewport(width, height) : context.viewport,
svg2pdfParameters: context.svg2pdfParameters,
textMeasure: context.textMeasure,
attributeState: Object.assign(AttributeState.default(), contextColors)
});
return [4 /*yield*/, context.refsHandler.getRendered(id, contextColors, function (node) {
return Use.renderReferencedNode(node, id, refContext);
})];
case 1:
_a.sent();
context.pdf.saveGraphicsState();
context.pdf.setCurrentTransformationMatrix(context.transform);
// apply the bbox (i.e. clip) if needed
if (refNodeOpensViewport &&
getAttribute(refNode.element, context.styleSheets, 'overflow') !== 'visible') {
context.pdf.rect(x, y, width, height);
context.pdf.clip().discardPath();
}
context.pdf.doFormObject(context.refsHandler.generateKey(id, contextColors), t);
context.pdf.restoreGraphicsState();
return [2 /*return*/];
}
});
});
};
Use.renderReferencedNode = function (node, id, refContext) {
return __awaiter(this, void 0, void 0, function () {
var bBox;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
bBox = node.getBoundingBox(refContext);
// The content of a PDF form object is implicitly clipped at its /BBox property.
// SVG, however, applies its clip rect at the <use> attribute, which may modify it.
// So, make the bBox a lot larger than it needs to be and hope any thick strokes are
// still within.
bBox = [bBox[0] - 0.5 * bBox[2], bBox[1] - 0.5 * bBox[3], bBox[2] * 2, bBox[3] * 2];
refContext.pdf.beginFormObject(bBox[0], bBox[1], bBox[2], bBox[3], refContext.pdf.unitMatrix);
if (!(node instanceof Symbol$1)) return [3 /*break*/, 2];
return [4 /*yield*/, node.apply(refContext)];
case 1:
_a.sent();
return [3 /*break*/, 4];
case 2: return [4 /*yield*/, node.render(refContext)];
case 3:
_a.sent();
_a.label = 4;
case 4:
refContext.pdf.endFormObject(refContext.refsHandler.generateKey(id, refContext.attributeState));
return [2 /*return*/];
}
});
});
};
Use.prototype.getBoundingBoxCore = function (context) {
return defaultBoundingBox(this.element, context);
};
Use.prototype.isVisible = function (parentVisible, context) {
return svgNodeIsVisible(this, parentVisible, context);
};
Use.prototype.computeNodeTransformCore = function (context) {
return context.pdf.unitMatrix;
};
return Use;
}(GraphicsNode));
var Rect = /** @class */ (function (_super) {
__extends(Rect, _super);
function Rect(element, children) {
return _super.call(this, false, element, children) || this;
}
Rect.prototype.getPath = function (context) {
var w = parseFloat(getAttribute(this.element, context.styleSheets, 'width') || '0');
var h = parseFloat(getAttribute(this.element, context.styleSheets, 'height') || '0');
if (!isFinite(w) || w <= 0 || !isFinite(h) || h <= 0) {
return null;
}
var rxAttr = getAttribute(this.element, context.styleSheets, 'rx');
var ryAttr = getAttribute(this.element, context.styleSheets, 'ry');
var rx = Math.min(parseFloat(rxAttr || ryAttr || '0'), w * 0.5);
var ry = Math.min(parseFloat(ryAttr || rxAttr || '0'), h * 0.5);
var x = parseFloat(getAttribute(this.element, context.styleSheets, 'x') || '0');
var y = parseFloat(getAttribute(this.element, context.styleSheets, 'y') || '0');
var arc = (4 / 3) * (Math.SQRT2 - 1);
if (rx === 0 && ry === 0) {
return new Path()
.moveTo(x, y)
.lineTo(x + w, y)
.lineTo(x + w, y + h)
.lineTo(x, y + h)
.close();
}
else {
return new Path()
.moveTo((x += rx), y)
.lineTo((x += w - 2 * rx), y)
.curveTo(x + rx * arc, y, x + rx, y + (ry - ry * arc), (x += rx), (y += ry))
.lineTo(x, (y += h - 2 * ry))
.curveTo(x, y + ry * arc, x - rx * arc, y + ry, (x -= rx), (y += ry))
.lineTo((x += -w + 2 * rx), y)
.curveTo(x - rx * arc, y, x - rx, y - ry * arc, (x -= rx), (y -= ry))
.lineTo(x, (y += -h + 2 * ry))
.curveTo(x, y - ry * arc, x + rx * arc, y - ry, (x += rx), (y -= ry))
.close();
}
};
Rect.prototype.computeNodeTransformCore = function (context) {
return context.pdf.unitMatrix;
};
Rect.prototype.isVisible = function (parentVisible, context) {
return svgNodeIsVisible(this, parentVisible, context);
};
return Rect;
}(GeometryNode));
var EllipseBase = /** @class */ (function (_super) {
__extends(EllipseBase, _super);
function EllipseBase(element, children) {
return _super.call(this, false, element, children) || this;
}
EllipseBase.prototype.getPath = function (context) {
var rx = this.getRx(context);
var ry = this.getRy(context);
if (!isFinite(rx) || ry <= 0 || !isFinite(ry) || ry <= 0) {
return null;
}
var x = parseFloat(getAttribute(this.element, context.styleSheets, 'cx') || '0'), y = parseFloat(getAttribute(this.element, context.styleSheets, 'cy') || '0');
var lx = (4 / 3) * (Math.SQRT2 - 1) * rx, ly = (4 / 3) * (Math.SQRT2 - 1) * ry;
return new Path()
.moveTo(x + rx, y)
.curveTo(x + rx, y - ly, x + lx, y - ry, x, y - ry)
.curveTo(x - lx, y - ry, x - rx, y - ly, x - rx, y)
.curveTo(x - rx, y + ly, x - lx, y + ry, x, y + ry)
.curveTo(x + lx, y + ry, x + rx, y + ly, x + rx, y);
};
EllipseBase.prototype.computeNodeTransformCore = function (context) {
return context.pdf.unitMatrix;
};
EllipseBase.prototype.isVisible = function (parentVisible, context) {
return svgNodeIsVisible(this, parentVisible, context);
};
return EllipseBase;
}(GeometryNode));
var Ellipse = /** @class */ (function (_super) {
__extends(Ellipse, _super);
function Ellipse(element, children) {
return _super.call(this, element, children) || this;
}
Ellipse.prototype.getRx = function (context) {
return parseFloat(getAttribute(this.element, context.styleSheets, 'rx') || '0');
};
Ellipse.prototype.getRy = function (context) {
return parseFloat(getAttribute(this.element, context.styleSheets, 'ry') || '0');
};
return Ellipse;
}(EllipseBase));
function getTextRenderingMode(attributeState) {
var renderingMode = 'invisible';
var doStroke = attributeState.stroke && attributeState.strokeWidth !== 0;
var doFill = attributeState.fill;
if (doFill && doStroke) {
renderingMode = 'fillThenStroke';
}
else if (doFill) {
renderingMode = 'fill';
}
else if (doStroke) {
renderingMode = 'stroke';
}
return renderingMode;
}
function transformXmlSpace(trimmedText, attributeState) {
trimmedText = removeNewlines(trimmedText);
trimmedText = replaceTabsBySpace(trimmedText);
if (attributeState.xmlSpace === 'default') {
trimmedText = trimmedText.trim();
trimmedText = consolidateSpaces(trimmedText);
}
return trimmedText;
}
function removeNewlines(str) {
return str.replace(/[\n\r]/g, '');
}
function replaceTabsBySpace(str) {
return str.replace(/[\t]/g, ' ');
}
function consolidateSpaces(str) {
return str.replace(/ +/g, ' ');
}
// applies text transformations to a text node
function transformText(node, text, context) {
var textTransform = getAttribute(node, context.styleSheets, 'text-transform');
switch (textTransform) {
case 'uppercase':
return text.toUpperCase();
case 'lowercase':
return text.toLowerCase();
default:
return text;
// TODO: capitalize, full-width
}
}
function trimLeft(str) {
return str.replace(/^\s+/, '');
}
function trimRight(str) {
return str.replace(/\s+$/, '');
}
/**
* @param {string} textAnchor
* @param {number} originX
* @param {number} originY
* @constructor
*/
var TextChunk = /** @class */ (function () {
function TextChunk(parent, textAnchor, originX, originY) {
this.textNode = parent;
this.texts = [];
this.textNodes = [];
this.contexts = [];
this.textAnchor = textAnchor;
this.originX = originX;
this.originY = originY;
this.textMeasures = [];
}
TextChunk.prototype.setX = function (originX) {
this.originX = originX;
};
TextChunk.prototype.setY = function (originY) {
this.originY = originY;
};
TextChunk.prototype.add = function (tSpan, text, context) {
this.texts.push(text);
this.textNodes.push(tSpan);
this.contexts.push(context);
};
TextChunk.prototype.rightTrimText = function () {
for (var r = this.texts.length - 1; r >= 0; r--) {
if (this.contexts[r].attributeState.xmlSpace === 'default') {
this.texts[r] = trimRight(this.texts[r]);
}
// If find a letter, stop right-trimming
if (this.texts[r].match(/[^\s]/)) {
return false;
}
}
return true;
};
TextChunk.prototype.measureText = function (context) {
for (var i = 0; i < this.texts.length; i++) {
this.textMeasures.push({
width: context.textMeasure.measureTextWidth(this.texts[i], this.contexts[i].attributeState),
length: this.texts[i].length
});
}
};
TextChunk.prototype.put = function (context, charSpace) {
var i, textNode, textNodeContext, textMeasure;
var alreadySeen = [];
var xs = [], ys = [];
var currentTextX = this.originX, currentTextY = this.originY;
var minX = currentTextX, maxX = currentTextX;
for (i = 0; i < this.textNodes.length; i++) {
textNode = this.textNodes[i];
textNodeContext = this.contexts[i];
textMeasure = this.textMeasures[i] || {
width: context.textMeasure.measureTextWidth(this.texts[i], this.contexts[i].attributeState),
length: this.texts[i].length
};
var x = currentTextX;
var y = currentTextY;
if (textNode.nodeName !== '#text') {
if (!alreadySeen.includes(textNode)) {
alreadySeen.push(textNode);
var tSpanDx = TextChunk.resolveRelativePositionAttribute(textNode, 'dx');
if (tSpanDx !== null) {
x += toPixels(tSpanDx, textNodeContext.attributeState.fontSize);
}
var tSpanDy = TextChunk.resolveRelativePositionAttribute(textNode, 'dy');
if (tSpanDy !== null) {
y += toPixels(tSpanDy, textNodeContext.attributeState.fontSize);
}
}
}
xs[i] = x;
ys[i] = y;
currentTextX = x + textMeasure.width + textMeasure.length * charSpace;
currentTextY = y;
minX = Math.min(minX, x);
maxX = Math.max(maxX, currentTextX);
}
var textOffset = 0;
switch (this.textAnchor) {
case 'start':
textOffset = 0;
break;
case 'middle':
textOffset = (maxX - minX) / 2;
break;
case 'end':
textOffset = maxX - minX;
break;
}
for (i = 0; i < this.textNodes.length; i++) {
textNode = this.textNodes[i];
textNodeContext = this.contexts[i];
if (textNode.nodeName !== '#text') {
if (textNodeContext.attributeState.visibility === 'hidden') {
continue;
}
}
context.pdf.saveGraphicsState();
applyAttributes(textNodeContext, context, textNode);
var alignmentBaseline = textNodeContext.attributeState.alignmentBaseline;
var textRenderingMode = getTextRenderingMode(textNodeContext.attributeState);
context.pdf.text(this.texts[i], xs[i] - textOffset, ys[i], {
baseline: mapAlignmentBaseline(alignmentBaseline),
angle: context.transform,
renderingMode: textRenderingMode === 'fill' ? void 0 : textRenderingMode,
charSpace: charSpace === 0 ? void 0 : charSpace
});
context.pdf.restoreGraphicsState();
}
return [currentTextX, currentTextY];
};
/**
* Resolves a positional attribute (dx, dy) on a given tSpan, possibly
* inheriting it from the nearest ancestor. Positional attributes
* are only inherited from a parent to its first child.
*/
TextChunk.resolveRelativePositionAttribute = function (element, attributeName) {
var _a;
var currentElement = element;
while (currentElement && nodeIs(currentElement, 'tspan')) {
if (currentElement.hasAttribute(attributeName)) {
return currentElement.getAttribute(attributeName);
}
if (!(((_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.firstChild) === element)) {
// positional attributes are only inherited from a parent to its first child
break;
}
currentElement = currentElement.parentElement;
}
return null;
};
return TextChunk;
}());
var TextNode = /** @class */ (function (_super) {
__extends(TextNode, _super);
function TextNode() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.boundingBox = [];
return _this;
}
TextNode.prototype.processTSpans = function (textNode, node, context, textChunks, currentTextSegment, trimInfo) {
var pdfFontSize = context.pdf.getFontSize();
var xmlSpace = context.attributeState.xmlSpace;
var firstText = true, initialSpace = false;
for (var i = 0; i < node.childNodes.length; i++) {
var childNode = node.childNodes[i];
if (!childNode.textContent) {
continue;
}
var textContent = childNode.textContent;
if (childNode.nodeName === '#text') {
var trimmedText = removeNewlines(textContent);
trimmedText = replaceTabsBySpace(trimmedText);
if (xmlSpace === 'default') {
trimmedText = consolidateSpaces(trimmedText);
// If first text in tspan and starts with a space
if (firstText && trimmedText.match(/^\s/)) {
initialSpace = true;
}
// No longer the first text if we've found a letter
if (trimmedText.match(/[^\s]/)) {
firstText = false;
}
// Consolidate spaces across different children
if (trimInfo.prevText.match(/\s$/)) {
trimmedText = trimLeft(trimmedText);
}
}
var transformedText = transformText(node, trimmedText, context);
currentTextSegment.add(node, transformedText, context);
trimInfo.prevText = textContent;
trimInfo.prevContext = context;
}
else if (nodeIs(childNode, 'title')) ;
else if (nodeIs(childNode, 'tspan')) {
var tSpan = childNode;
var tSpanAbsX = tSpan.getAttribute('x');
if (tSpanAbsX !== null) {
var x = toPixels(tSpanAbsX, pdfFontSize);
currentTextSegment = new TextChunk(this, getAttribute(tSpan, context.styleSheets, 'text-anchor') ||
context.attributeState.textAnchor, x, 0);
textChunks.push({ type: 'y', chunk: currentTextSegment });
}
var tSpanAbsY = tSpan.getAttribute('y');
if (tSpanAbsY !== null) {
var y = toPixels(tSpanAbsY, pdfFontSize);
currentTextSegment = new TextChunk(this, getAttribute(tSpan, context.styleSheets, 'text-anchor') ||
context.attributeState.textAnchor, 0, y);
textChunks.push({ type: 'x', chunk: currentTextSegment });
}
var childContext = context.clone();
parseAttributes(childContext, textNode, tSpan);
this.processTSpans(textNode, tSpan, childContext, textChunks, currentTextSegment, trimInfo);
}
}
return initialSpace;
};
TextNode.prototype.renderCore = function (context) {
return __awaiter(this, void 0, void 0, function () {
var xOffset, charSpace, lengthAdjustment, pdfFontSize, textX, textY, dx, dy, textLength, visibility, tSpanCount, textContent, trimmedText, transformedText, defaultSize, alignmentBaseline, textRenderingMode, textChunks, currentTextSegment, initialSpace, trimRight, r, totalDefaultWidth_1, totalLength_1;
return __generator(this, function (_a) {
context.pdf.saveGraphicsState();
xOffset = 0;
charSpace = 0;
lengthAdjustment = 1;
pdfFontSize = context.pdf.getFontSize();
textX = toPixels(this.element.getAttribute('x'), pdfFontSize);
textY = toPixels(this.element.getAttribute('y'), pdfFontSize);
dx = toPixels(this.element.getAttribute('dx'), pdfFontSize);
dy = toPixels(this.element.getAttribute('dy'), pdfFontSize);
textLength = parseFloat(this.element.getAttribute('textLength') || '0');
visibility = context.attributeState.visibility;
tSpanCount = this.element.childElementCount;
if (tSpanCount === 0) {
textContent = this.element.textContent || '';
trimmedText = transformXmlSpace(textContent, context.attributeState);
transformedText = transformText(this.element, trimmedText, context);
xOffset = context.textMeasure.getTextOffset(transformedText, context.attributeState);
if (textLength > 0) {
defaultSize = context.textMeasure.measureTextWidth(transformedText, context.attributeState);
if (context.attributeState.xmlSpace === 'default' && textContent.match(/^\s/)) {
lengthAdjustment = 0;
}
charSpace = (textLength - defaultSize) / (transformedText.length - lengthAdjustment) || 0;
}
if (visibility === 'visible') {
alignmentBaseline = context.attributeState.alignmentBaseline;
textRenderingMode = getTextRenderingMode(context.attributeState);
context.pdf.text(transformedText, textX + dx - xOffset, textY + dy, {
baseline: mapAlignmentBaseline(alignmentBaseline),
angle: context.transform,
renderingMode: textRenderingMode === 'fill' ? void 0 : textRenderingMode,
charSpace: charSpace === 0 ? void 0 : charSpace
});
this.boundingBox = [textX + dx - xOffset, textY + dy + 0.1 * pdfFontSize, context.textMeasure.measureTextWidth(transformedText, context.attributeState), pdfFontSize];
}
}
else {
textChunks = [];
currentTextSegment = new TextChunk(this, context.attributeState.textAnchor, textX + dx, textY + dy);
textChunks.push({ type: '', chunk: currentTextSegment });
initialSpace = this.processTSpans(this, this.element, context, textChunks, currentTextSegment,
// Set prevText to ' ' so any spaces on left of <text> are trimmed
{ prevText: ' ', prevContext: context });
lengthAdjustment = initialSpace ? 0 : 1;
trimRight = true;
for (r = textChunks.length - 1; r >= 0; r--) {
if (trimRight) {
trimRight = textChunks[r].chunk.rightTrimText();
}
}
if (textLength > 0) {
totalDefaultWidth_1 = 0;
totalLength_1 = 0;
textChunks.forEach(function (_a) {
var chunk = _a.chunk;
chunk.measureText(context);
chunk.textMeasures.forEach(function (_a) {
var width = _a.width, length = _a.length;
totalDefaultWidth_1 += width;
totalLength_1 += length;
});
});
charSpace = (textLength - totalDefaultWidth_1) / (totalLength_1 - lengthAdjustment);
}
// Put the textchunks
textChunks.reduce(function (lastPositions, _a) {
var type = _a.type, chunk = _a.chunk;
if (type === 'x') {
chunk.setX(lastPositions[0]);
}
else if (type === 'y') {
chunk.setY(lastPositions[1]);
}
return chunk.put(context, charSpace);
}, [0, 0]);
}
context.pdf.restoreGraphicsState();
return [2 /*return*/];
});
});
};
TextNode.prototype.isVisible = function (parentVisible, context) {
return svgNodeAndChildrenVisible(this, parentVisible, context);
};
TextNode.prototype.getBoundingBoxCore = function (context) {
return this.boundingBox.length > 0 ? this.boundingBox : defaultBoundingBox(this.element, context);
};
TextNode.prototype.computeNodeTransformCore = function (context) {
return context.pdf.unitMatrix;
};
return TextNode;
}(GraphicsNode));
var PathNode = /** @class */ (function (_super) {
__extends(PathNode, _super);
function PathNode(node, children) {
return _super.call(this, true, node, children) || this;
}
PathNode.prototype.computeNodeTransformCore = function (context) {
return context.pdf.unitMatrix;
};
PathNode.prototype.isVisible = function (parentVisible, context) {
return svgNodeIsVisible(this, parentVisible, context);
};
PathNode.prototype.getPath = function (context) {
var svgPath = new SvgPath(getAttribute(this.element, context.styleSheets, 'd') || '')
.unshort()
.unarc()
.abs();
var path = new Path();
var prevX;
var prevY;
svgPath.iterate(function (seg) {
switch (seg[0]) {
case 'M':
path.moveTo(seg[1], seg[2]);
break;
case 'L':
path.lineTo(seg[1], seg[2]);
break;
case 'H':
path.lineTo(seg[1], prevY);
break;
case 'V':
path.lineTo(prevX, seg[1]);
break;
case 'C':
path.curveTo(seg[1], seg[2], seg[3], seg[4], seg[5], seg[6]);
break;
case 'Q':
var p2 = toCubic([prevX, prevY], [seg[1], seg[2]]);
var p3 = toCubic([seg[3], seg[4]], [seg[1], seg[2]]);
path.curveTo(p2[0], p2[1], p3[0], p3[1], seg[3], seg[4]);
break;
case 'Z':
path.close();
break;
}
switch (seg[0]) {
case 'M':
case 'L':
prevX = seg[1];
prevY = seg[2];
break;
case 'H':
prevX = seg[1];
break;
case 'V':
prevY = seg[1];
break;
case 'C':
prevX = seg[5];
prevY = seg[6];
break;
case 'Q':
prevX = seg[3];
prevY = seg[4];
break;
}
});
return path;
};
return PathNode;
}(GeometryNode));
// groups: 1: mime-type (+ charset), 2: mime-type (w/o charset), 3: charset, 4: base64?, 5: body
var dataUriRegex = /^\s*data:(([^/,;]+\/[^/,;]+)(?:;([^,;=]+=[^,;=]+))?)?(?:;(base64))?,((?:.|\s)*)$/i;
var ImageNode = /** @class */ (function (_super) {
__extends(ImageNode, _super);
function ImageNode(element, children) {
var _this = _super.call(this, element, children) || this;
_this.imageLoadingPromise = null;
_this.imageUrl = _this.element.getAttribute('xlink:href') || _this.element.getAttribute('href');
if (_this.imageUrl) {
// start loading the image as early as possible
_this.imageLoadingPromise = ImageNode.fetchImageData(_this.imageUrl);
}
return _this;
}
ImageNode.prototype.renderCore = function (context) {
return __awaiter(this, void 0, void 0, function () {
var width, height, x, y, _a, data, format, parser, svgElement, preserveAspectRatio, idMap, svgnode, dataUri, _b, imgWidth, imgHeight, viewBox, transform, e_1;
return __generator(this, function (_c) {
switch (_c.label) {
case 0:
if (!this.imageLoadingPromise) {
return [2 /*return*/];
}
context.pdf.setCurrentTransformationMatrix(context.transform);
width = parseFloat(getAttribute(this.element, context.styleSheets, 'width') || '0'), height = parseFloat(getAttribute(this.element, context.styleSheets, 'height') || '0'), x = parseFloat(getAttribute(this.element, context.styleSheets, 'x') || '0'), y = parseFloat(getAttribute(this.element, context.styleSheets, 'y') || '0');
if (!isFinite(width) || width <= 0 || !isFinite(height) || height <= 0) {
return [2 /*return*/];
}
return [4 /*yield*/, this.imageLoadingPromise];
case 1:
_a = _c.sent(), data = _a.data, format = _a.format;
if (!(format.indexOf('svg') === 0)) return [3 /*break*/, 3];
parser = new DOMParser();
svgElement = parser.parseFromString(data, 'image/svg+xml').firstElementChild;
preserveAspectRatio = this.element.getAttribute('preserveAspectRatio');
if (!preserveAspectRatio ||
preserveAspectRatio.indexOf('defer') < 0 ||
!svgElement.getAttribute('preserveAspectRatio')) {
svgElement.setAttribute('preserveAspectRatio', preserveAspectRatio || '');
}
svgElement.setAttribute('x', String(x));
svgElement.setAttribute('y', String(y));
svgElement.setAttribute('width', String(width));
svgElement.setAttribute('height', String(height));
idMap = {};
svgnode = parse(svgElement, idMap);
return [4 /*yield*/, svgnode.render(new Context(context.pdf, {
refsHandler: new ReferencesHandler(idMap),
styleSheets: context.styleSheets,
viewport: new Viewport(width, height),
svg2pdfParameters: context.svg2pdfParameters,
textMeasure: context.textMeasure
}))];
case 2:
_c.sent();
return [2 /*return*/];
case 3:
dataUri = "data:image/".concat(format, ";base64,").concat(btoa(data));
_c.label = 4;
case 4:
_c.trys.push([4, 6, , 7]);
return [4 /*yield*/, ImageNode.getImageDimensions(dataUri)];
case 5:
_b = _c.sent(), imgWidth = _b[0], imgHeight = _b[1];
viewBox = [0, 0, imgWidth, imgHeight];
transform = computeViewBoxTransform(this.element, viewBox, x, y, width, height, context);
context.pdf.setCurrentTransformationMatrix(transform);
context.pdf.addImage(dataUri, '', // will be ignored anyways if imageUrl is a data url
0, 0, imgWidth, imgHeight);
return [3 /*break*/, 7];
case 6:
e_1 = _c.sent();
typeof console === 'object' &&
console.warn &&
console.warn("Could not load image ".concat(this.imageUrl, ". \n").concat(e_1));
return [3 /*break*/, 7];
case 7: return [2 /*return*/];
}
});
});
};
ImageNode.prototype.getBoundingBoxCore = function (context) {
return defaultBoundingBox(this.element, context);
};
ImageNode.prototype.computeNodeTransformCore = function (context) {
return context.pdf.unitMatrix;
};
ImageNode.prototype.isVisible = function (parentVisible, context) {
return svgNodeIsVisible(this, parentVisible, context);
};
ImageNode.fetchImageData = function (imageUrl) {
return __awaiter(this, void 0, void 0, function () {
var data, format, match, mimeType, mimeTypeParts;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
match = imageUrl.match(dataUriRegex);
if (!match) return [3 /*break*/, 1];
mimeType = match[2];
mimeTypeParts = mimeType.split('/');
if (mimeTypeParts[0] !== 'image') {
throw new Error("Unsupported image URL: ".concat(imageUrl));
}
format = mimeTypeParts[1];
data = match[5];
if (match[4] === 'base64') {
data = data.replace(/\s/g, '');
data = atob(data);
}
else {
data = decodeURIComponent(data);
}
return [3 /*break*/, 3];
case 1: return [4 /*yield*/, ImageNode.fetchImage(imageUrl)];
case 2:
data = _a.sent();
format = imageUrl.substring(imageUrl.lastIndexOf('.') + 1);
_a.label = 3;
case 3: return [2 /*return*/, {
data: data,
format: format
}];
}
});
});
};
ImageNode.fetchImage = function (imageUrl) {
return new Promise(function (resolve, reject) {
var xhr = new XMLHttpRequest();
xhr.open('GET', imageUrl, true);
xhr.responseType = 'arraybuffer';
xhr.onload = function () {
if (xhr.status !== 200) {
throw new Error("Error ".concat(xhr.status, ": Failed to load image '").concat(imageUrl, "'"));
}
var bytes = new Uint8Array(xhr.response);
var data = '';
for (var i = 0; i < bytes.length; i++) {
data += String.fromCharCode(bytes[i]);
}
resolve(data);
};
xhr.onerror = reject;
xhr.onabort = reject;
xhr.send(null);
});
};
ImageNode.getMimeType = function (format) {
format = format.toLowerCase();
switch (format) {
case 'jpg':
case 'jpeg':
return 'image/jpeg';
default:
return "image/".concat(format);
}
};
ImageNode.getImageDimensions = function (src) {
return new Promise(function (resolve, reject) {
var img = new Image();
img.onload = function () {
resolve([img.width, img.height]);
};
img.onerror = reject;
img.src = src;
});
};
return ImageNode;
}(GraphicsNode));
var Traverse = /** @class */ (function (_super) {
__extends(Traverse, _super);
function Traverse(closed, node, children) {
var _this = _super.call(this, true, node, children) || this;
_this.closed = closed;
return _this;
}
// eslint-disable-next-line @typescript-eslint/no-unused-vars
Traverse.prototype.getPath = function (context) {
if (!this.element.hasAttribute('points') || this.element.getAttribute('points') === '') {
return null;
}
// @ts-ignore
var points = Traverse.parsePointsString(this.element.getAttribute('points'));
var path = new Path();
if (points.length < 1) {
return path;
}
path.moveTo(points[0][0], points[0][1]);
for (var i = 1; i < points.length; i++) {
path.lineTo(points[i][0], points[i][1]);
}
if (this.closed) {
path.close();
}
return path;
};
Traverse.prototype.isVisible = function (parentVisible, context) {
return svgNodeIsVisible(this, parentVisible, context);
};
Traverse.prototype.computeNodeTransformCore = function (context) {
return context.pdf.unitMatrix;
};
Traverse.parsePointsString = function (string) {
var floats = parseFloats(string);
var result = [];
for (var i = 0; i < floats.length - 1; i += 2) {
var x = floats[i];
var y = floats[i + 1];
result.push([x, y]);
}
return result;
};
return Traverse;
}(GeometryNode));
var Polygon = /** @class */ (function (_super) {
__extends(Polygon, _super);
function Polygon(node, children) {
return _super.call(this, true, node, children) || this;
}
return Polygon;
}(Traverse));
var VoidNode = /** @class */ (function (_super) {
__extends(VoidNode, _super);
function VoidNode() {
return _super !== null && _super.apply(this, arguments) || this;
}
// eslint-disable-next-line @typescript-eslint/no-unused-vars
VoidNode.prototype.render = function (parentContext) {
return Promise.resolve();
};
// eslint-disable-next-line @typescript-eslint/no-unused-vars
VoidNode.prototype.getBoundingBoxCore = function (context) {
return [0, 0, 0, 0];
};
VoidNode.prototype.computeNodeTransformCore = function (context) {
return context.pdf.unitMatrix;
};
VoidNode.prototype.isVisible = function (parentVisible, context) {
return svgNodeIsVisible(this, parentVisible, context);
};
return VoidNode;
}(SvgNode));
var MarkerNode = /** @class */ (function (_super) {
__extends(MarkerNode, _super);
function MarkerNode() {
return _super !== null && _super.apply(this, arguments) || this;
}
MarkerNode.prototype.apply = function (parentContext) {
return __awaiter(this, void 0, void 0, function () {
var tfMatrix, bBox, contextColors, childContext, _i, _a, child;
return __generator(this, function (_b) {
switch (_b.label) {
case 0:
tfMatrix = this.computeNodeTransform(parentContext);
bBox = this.getBoundingBox(parentContext);
parentContext.pdf.beginFormObject(bBox[0], bBox[1], bBox[2], bBox[3], tfMatrix);
contextColors = AttributeState.getContextColors(parentContext);
childContext = new Context(parentContext.pdf, {
refsHandler: parentContext.refsHandler,
styleSheets: parentContext.styleSheets,
viewport: parentContext.viewport,
svg2pdfParameters: parentContext.svg2pdfParameters,
textMeasure: parentContext.textMeasure,
attributeState: Object.assign(AttributeState.default(), contextColors)
});
// "Properties do not inherit from the element referencing the 'marker' into the contents of the
// marker. However, by using the context-stroke value for the fill or stroke on elements in its
// definition, a single marker can be designed to match the style of the element referencing the
// marker."
// -> we need to reset all attributes
applyContext(childContext);
_i = 0, _a = this.children;
_b.label = 1;
case 1:
if (!(_i < _a.length)) return [3 /*break*/, 4];
child = _a[_i];
return [4 /*yield*/, child.render(childContext)];
case 2:
_b.sent();
_b.label = 3;
case 3:
_i++;
return [3 /*break*/, 1];
case 4:
parentContext.pdf.endFormObject(childContext.refsHandler.generateKey(this.element.getAttribute('id'), contextColors));
return [2 /*return*/];
}
});
});
};
// eslint-disable-next-line @typescript-eslint/no-unused-vars
MarkerNode.prototype.getBoundingBoxCore = function (context) {
var viewBox = this.element.getAttribute('viewBox');
var vb;
if (viewBox) {
vb = parseFloats(viewBox);
}
return [
(vb && vb[0]) || 0,
(vb && vb[1]) || 0,
(vb && vb[2]) || parseFloat(this.element.getAttribute('markerWidth') || '3'),
(vb && vb[3]) || parseFloat(this.element.getAttribute('markerHeight') || '3')
];
};
MarkerNode.prototype.computeNodeTransformCore = function (context) {
var refX = parseFloat(this.element.getAttribute('refX') || '0');
var refY = parseFloat(this.element.getAttribute('refY') || '0');
var viewBox = this.element.getAttribute('viewBox');
var nodeTransform;
if (viewBox) {
var bounds = parseFloats(viewBox);
// "Markers are drawn such that their reference point (i.e., attributes ‘refX’ and ‘refY’)
// is positioned at the given vertex." - The "translate" part of the viewBox transform is
// ignored.
nodeTransform = computeViewBoxTransform(this.element, bounds, 0, 0, parseFloat(this.element.getAttribute('markerWidth') || '3'), parseFloat(this.element.getAttribute('markerHeight') || '3'), context, true);
nodeTransform = context.pdf.matrixMult(context.pdf.Matrix(1, 0, 0, 1, -refX, -refY), nodeTransform);
}
else {
nodeTransform = context.pdf.Matrix(1, 0, 0, 1, -refX, -refY);
}
return nodeTransform;
};
MarkerNode.prototype.isVisible = function (parentVisible, context) {
return svgNodeAndChildrenVisible(this, parentVisible, context);
};
return MarkerNode;
}(NonRenderedNode));
var Circle = /** @class */ (function (_super) {
__extends(Circle, _super);
function Circle(node, children) {
return _super.call(this, node, children) || this;
}
Circle.prototype.getR = function (context) {
var _a;
return ((_a = this.r) !== null && _a !== void 0 ? _a : (this.r = parseFloat(getAttribute(this.element, context.styleSheets, 'r') || '0')));
};
Circle.prototype.getRx = function (context) {
return this.getR(context);
};
Circle.prototype.getRy = function (context) {
return this.getR(context);
};
return Circle;
}(EllipseBase));
var Polyline = /** @class */ (function (_super) {
__extends(Polyline, _super);
function Polyline(node, children) {
return _super.call(this, false, node, children) || this;
}
return Polyline;
}(Traverse));
var ContainerNode = /** @class */ (function (_super) {
__extends(ContainerNode, _super);
function ContainerNode() {
return _super !== null && _super.apply(this, arguments) || this;
}
ContainerNode.prototype.renderCore = function (context) {
return __awaiter(this, void 0, void 0, function () {
var _i, _a, child;
return __generator(this, function (_b) {
switch (_b.label) {
case 0:
_i = 0, _a = this.children;
_b.label = 1;
case 1:
if (!(_i < _a.length)) return [3 /*break*/, 4];
child = _a[_i];
return [4 /*yield*/, child.render(context)];
case 2:
_b.sent();
_b.label = 3;
case 3:
_i++;
return [3 /*break*/, 1];
case 4: return [2 /*return*/];
}
});
});
};
ContainerNode.prototype.getBoundingBoxCore = function (context) {
return getBoundingBoxByChildren(context, this);
};
return ContainerNode;
}(RenderedNode));
var Svg = /** @class */ (function (_super) {
__extends(Svg, _super);
function Svg() {
return _super !== null && _super.apply(this, arguments) || this;
}
Svg.prototype.isVisible = function (parentVisible, context) {
return svgNodeAndChildrenVisible(this, parentVisible, context);
};
Svg.prototype.render = function (context) {
return __awaiter(this, void 0, void 0, function () {
var x, y, width, height, transform;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
if (!this.isVisible(context.attributeState.visibility !== 'hidden', context)) {
return [2 /*return*/];
}
x = this.getX(context);
y = this.getY(context);
width = this.getWidth(context);
height = this.getHeight(context);
context.pdf.saveGraphicsState();
transform = context.transform;
if (this.element.hasAttribute('transform')) {
// SVG 2 allows transforms on SVG elements
// "The transform should be applied as if the ‘svg’ had a parent element with that transform set."
transform = context.pdf.matrixMult(
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
parseTransform(this.element.getAttribute('transform'), context), transform);
}
context.pdf.setCurrentTransformationMatrix(transform);
if (!context.withinUse &&
getAttribute(this.element, context.styleSheets, 'overflow') !== 'visible') {
// establish a new viewport
context.pdf
.rect(x, y, width, height)
.clip()
.discardPath();
}
return [4 /*yield*/, _super.prototype.render.call(this, context.clone({
transform: context.pdf.unitMatrix,
viewport: context.withinUse ? context.viewport : new Viewport(width, height)
}))];
case 1:
_a.sent();
context.pdf.restoreGraphicsState();
return [2 /*return*/];
}
});
});
};
Svg.prototype.computeNodeTransform = function (context) {
return this.computeNodeTransformCore(context);
};
Svg.prototype.computeNodeTransformCore = function (context) {
if (context.withinUse) {
return context.pdf.unitMatrix;
}
var x = this.getX(context);
var y = this.getY(context);
var viewBox = this.getViewBox();
var nodeTransform;
if (viewBox) {
var width = this.getWidth(context);
var height = this.getHeight(context);
nodeTransform = computeViewBoxTransform(this.element, viewBox, x, y, width, height, context);
}
else {
nodeTransform = context.pdf.Matrix(1, 0, 0, 1, x, y);
}
return nodeTransform;
};
Svg.prototype.getWidth = function (context) {
if (this.width !== undefined) {
return this.width;
}
var width;
var parameters = context.svg2pdfParameters;
if (this.isOutermostSvg(context)) {
// special treatment for the outermost SVG element
if (parameters.width != null) {
// if there is a user defined width, use it
width = parameters.width;
}
else {
// otherwise check if the SVG element defines the width itself
var widthAttr = getAttribute(this.element, context.styleSheets, 'width');
if (widthAttr) {
width = parseFloat(widthAttr);
}
else {
// if not, check if we can figure out the aspect ratio from the viewBox attribute
var viewBox = this.getViewBox();
if (viewBox &&
(parameters.height != null || getAttribute(this.element, context.styleSheets, 'height'))) {
// if there is a viewBox and the height is defined, use the width that matches the height together with the aspect ratio
var aspectRatio = viewBox[2] / viewBox[3];
width = this.getHeight(context) * aspectRatio;
}
else {
// if there is no viewBox use a default of 300 or the largest size that fits into the outer viewport
// at an aspect ratio of 2:1
width = Math.min(300, context.viewport.width, context.viewport.height * 2);
}
}
}
}
else {
var widthAttr = getAttribute(this.element, context.styleSheets, 'width');
width = widthAttr ? parseFloat(widthAttr) : context.viewport.width;
}
return (this.width = width);
};
Svg.prototype.getHeight = function (context) {
if (this.height !== undefined) {
return this.height;
}
var height;
var parameters = context.svg2pdfParameters;
if (this.isOutermostSvg(context)) {
// special treatment for the outermost SVG element
if (parameters.height != null) {
// if there is a user defined height, use it
height = parameters.height;
}
else {
// otherwise check if the SVG element defines the height itself
var heightAttr = getAttribute(this.element, context.styleSheets, 'height');
if (heightAttr) {
height = parseFloat(heightAttr);
}
else {
// if not, check if we can figure out the aspect ratio from the viewBox attribute
var viewBox = this.getViewBox();
if (viewBox) {
// if there is a viewBox, use the height that matches the width together with the aspect ratio
var aspectRatio = viewBox[2] / viewBox[3];
height = this.getWidth(context) / aspectRatio;
}
else {
// if there is no viewBox use a default of 150 or the largest size that fits into the outer viewport
// at an aspect ratio of 2:1
height = Math.min(150, context.viewport.width / 2, context.viewport.height);
}
}
}
}
else {
var heightAttr = getAttribute(this.element, context.styleSheets, 'height');
height = heightAttr ? parseFloat(heightAttr) : context.viewport.height;
}
return (this.height = height);
};
Svg.prototype.getX = function (context) {
if (this.x !== undefined) {
return this.x;
}
if (this.isOutermostSvg(context)) {
return (this.x = 0);
}
var xAttr = getAttribute(this.element, context.styleSheets, 'x');
return (this.x = xAttr ? parseFloat(xAttr) : 0);
};
Svg.prototype.getY = function (context) {
if (this.y !== undefined) {
return this.y;
}
if (this.isOutermostSvg(context)) {
return (this.y = 0);
}
var yAttr = getAttribute(this.element, context.styleSheets, 'y');
return (this.y = yAttr ? parseFloat(yAttr) : 0);
};
Svg.prototype.getViewBox = function () {
if (this.viewBox !== undefined) {
return this.viewBox;
}
var viewBox = this.element.getAttribute('viewBox');
return (this.viewBox = viewBox ? parseFloats(viewBox) : undefined);
};
Svg.prototype.isOutermostSvg = function (context) {
return context.svg2pdfParameters.element === this.element;
};
return Svg;
}(ContainerNode));
var Group = /** @class */ (function (_super) {
__extends(Group, _super);
function Group() {
return _super !== null && _super.apply(this, arguments) || this;
}
Group.prototype.isVisible = function (parentVisible, context) {
return svgNodeAndChildrenVisible(this, parentVisible, context);
};
Group.prototype.computeNodeTransformCore = function (context) {
return context.pdf.unitMatrix;
};
return Group;
}(ContainerNode));
var Anchor = /** @class */ (function (_super) {
__extends(Anchor, _super);
function Anchor() {
return _super !== null && _super.apply(this, arguments) || this;
}
Anchor.prototype.renderCore = function (context) {
return __awaiter(this, void 0, void 0, function () {
var href, box, scale, ph;
return __generator(this, function (_a) {
switch (_a.label) {
case 0: return [4 /*yield*/, _super.prototype.renderCore.call(this, context)];
case 1:
_a.sent();
href = getAttribute(this.element, context.styleSheets, 'href');
if (href) {
box = this.getBoundingBox(context);
scale = context.pdf.internal.scaleFactor;
ph = context.pdf.internal.pageSize.getHeight();
context.pdf.link(scale * (box[0] * context.transform.sx + context.transform.tx), ph - scale * (box[1] * context.transform.sy + context.transform.ty), scale * box[2], scale * box[3], { url: href });
}
return [2 /*return*/];
}
});
});
};
return Anchor;
}(Group));
var ClipPath = /** @class */ (function (_super) {
__extends(ClipPath, _super);
function ClipPath() {
return _super !== null && _super.apply(this, arguments) || this;
}
ClipPath.prototype.apply = function (context) {
return __awaiter(this, void 0, void 0, function () {
var clipPathMatrix, _i, _a, child, hasClipRuleFromFirstChild, clipRule;
return __generator(this, function (_b) {
switch (_b.label) {
case 0:
if (!this.isVisible(true, context)) {
return [2 /*return*/];
}
clipPathMatrix = context.pdf.matrixMult(this.computeNodeTransform(context), context.transform);
context.pdf.setCurrentTransformationMatrix(clipPathMatrix);
_i = 0, _a = this.children;
_b.label = 1;
case 1:
if (!(_i < _a.length)) return [3 /*break*/, 4];
child = _a[_i];
return [4 /*yield*/, child.render(new Context(context.pdf, {
refsHandler: context.refsHandler,
styleSheets: context.styleSheets,
viewport: context.viewport,
withinClipPath: true,
svg2pdfParameters: context.svg2pdfParameters,
textMeasure: context.textMeasure
}))];
case 2:
_b.sent();
_b.label = 3;
case 3:
_i++;
return [3 /*break*/, 1];
case 4:
hasClipRuleFromFirstChild = this.children.length > 0 && !!getAttribute(this.children[0].element, context.styleSheets, 'clip-rule');
clipRule = hasClipRuleFromFirstChild
? this.getClipRuleAttr(this.children[0].element, context.styleSheets)
: this.getClipRuleAttr(this.element, context.styleSheets);
context.pdf.clip(clipRule).discardPath();
// as we cannot use restoreGraphicsState() to reset the transform (this would reset the clipping path, as well),
// we must append the inverse instead
context.pdf.setCurrentTransformationMatrix(clipPathMatrix.inversed());
return [2 /*return*/];
}
});
});
};
ClipPath.prototype.getBoundingBoxCore = function (context) {
return getBoundingBoxByChildren(context, this);
};
ClipPath.prototype.isVisible = function (parentVisible, context) {
return svgNodeAndChildrenVisible(this, parentVisible, context);
};
ClipPath.prototype.getClipRuleAttr = function (element, styleSheets) {
return getAttribute(element, styleSheets, 'clip-rule') === 'evenodd' ? 'evenodd' : undefined;
};
return ClipPath;
}(NonRenderedNode));
function parse(node, idMap) {
var svgnode;
var children = [];
forEachChild(node, function (i, n) { return children.push(parse(n, idMap)); });
switch (node.tagName.toLowerCase()) {
case 'a':
svgnode = new Anchor(node, children);
break;
case 'g':
svgnode = new Group(node, children);
break;
case 'circle':
svgnode = new Circle(node, children);
break;
case 'clippath':
svgnode = new ClipPath(node, children);
break;
case 'ellipse':
svgnode = new Ellipse(node, children);
break;
case 'lineargradient':
svgnode = new LinearGradient(node, children);
break;
case 'image':
svgnode = new ImageNode(node, children);
break;
case 'line':
svgnode = new Line(node, children);
break;
case 'marker':
svgnode = new MarkerNode(node, children);
break;
case 'path':
svgnode = new PathNode(node, children);
break;
case 'pattern':
svgnode = new Pattern(node, children);
break;
case 'polygon':
svgnode = new Polygon(node, children);
break;
case 'polyline':
svgnode = new Polyline(node, children);
break;
case 'radialgradient':
svgnode = new RadialGradient(node, children);
break;
case 'rect':
svgnode = new Rect(node, children);
break;
case 'svg':
svgnode = new Svg(node, children);
break;
case 'symbol':
svgnode = new Symbol$1(node, children);
break;
case 'text':
svgnode = new TextNode(node, children);
break;
case 'use':
svgnode = new Use(node, children);
break;
default:
svgnode = new VoidNode(node, children);
break;
}
if (idMap != undefined && svgnode.element.hasAttribute('id')) {
var id = cssEsc(svgnode.element.id, { isIdentifier: true });
idMap[id] = idMap[id] || svgnode;
}
svgnode.children.forEach(function (c) { return c.setParent(svgnode); });
return svgnode;
}
var StyleSheets = /** @class */ (function () {
function StyleSheets(rootSvg, loadExtSheets) {
this.rootSvg = rootSvg;
this.loadExternalSheets = loadExtSheets;
this.styleSheets = [];
}
StyleSheets.prototype.load = function () {
return __awaiter(this, void 0, void 0, function () {
var sheetTexts;
return __generator(this, function (_a) {
switch (_a.label) {
case 0: return [4 /*yield*/, this.collectStyleSheetTexts()];
case 1:
sheetTexts = _a.sent();
this.parseCssSheets(sheetTexts);
return [2 /*return*/];
}
});
});
};
StyleSheets.prototype.collectStyleSheetTexts = function () {
return __awaiter(this, void 0, void 0, function () {
var sheetTexts, i, node, styleElements, i, styleElement;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
sheetTexts = [];
if (this.loadExternalSheets && this.rootSvg.ownerDocument) {
for (i = 0; i < this.rootSvg.ownerDocument.childNodes.length; i++) {
node = this.rootSvg.ownerDocument.childNodes[i];
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
if (node.nodeName === 'xml-stylesheet' && typeof node.data === 'string') {
sheetTexts.push(StyleSheets.loadSheet(
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
node.data
.match(/href=["'].*?["']/)[0]
.split('=')[1]
.slice(1, -1)));
}
}
}
styleElements = this.rootSvg.querySelectorAll('style,link');
for (i = 0; i < styleElements.length; i++) {
styleElement = styleElements[i];
if (nodeIs(styleElement, 'style')) {
sheetTexts.push(styleElement.textContent);
}
else if (this.loadExternalSheets &&
nodeIs(styleElement, 'link') &&
styleElement.getAttribute('rel') === 'stylesheet' &&
styleElement.hasAttribute('href')) {
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
sheetTexts.push(StyleSheets.loadSheet(styleElement.getAttribute('href')));
}
}
return [4 /*yield*/, Promise.all(sheetTexts)];
case 1: return [2 /*return*/, (_a.sent()).filter(function (sheet) { return sheet !== null; })];
}
});
});
};
StyleSheets.prototype.parseCssSheets = function (sheetTexts) {
var styleDoc = document.implementation.createHTMLDocument('');
for (var _i = 0, sheetTexts_1 = sheetTexts; _i < sheetTexts_1.length; _i++) {
var sheetText = sheetTexts_1[_i];
var style = styleDoc.createElement('style');
style.textContent = sheetText;
styleDoc.body.appendChild(style);
var sheet = style.sheet;
if (sheet instanceof CSSStyleSheet) {
for (var i = sheet.cssRules.length - 1; i >= 0; i--) {
var cssRule = sheet.cssRules[i];
if (!(cssRule instanceof CSSStyleRule)) {
sheet.deleteRule(i);
continue;
}
var cssStyleRule = cssRule;
if (cssStyleRule.selectorText.indexOf(',') >= 0) {
sheet.deleteRule(i);
var body = cssStyleRule.cssText.substring(cssStyleRule.selectorText.length);
var selectors = StyleSheets.splitSelectorAtCommas(cssStyleRule.selectorText);
for (var j = 0; j < selectors.length; j++) {
sheet.insertRule(selectors[j] + body, i + j);
}
}
}
this.styleSheets.push(sheet);
}
}
};
StyleSheets.splitSelectorAtCommas = function (selectorText) {
var initialRegex = /,|["']/g;
var closingDoubleQuotesRegex = /[^\\]["]/g;
var closingSingleQuotesRegex = /[^\\][']/g;
var parts = [];
var state = 'initial';
var match;
var lastCommaIndex = -1;
var closingQuotesRegex = closingDoubleQuotesRegex;
for (var i = 0; i < selectorText.length;) {
switch (state) {
case 'initial':
initialRegex.lastIndex = i;
match = initialRegex.exec(selectorText);
if (match) {
if (match[0] === ',') {
parts.push(selectorText.substring(lastCommaIndex + 1, initialRegex.lastIndex - 1).trim());
lastCommaIndex = initialRegex.lastIndex - 1;
}
else {
state = 'withinQuotes';
closingQuotesRegex =
match[0] === '"' ? closingDoubleQuotesRegex : closingSingleQuotesRegex;
}
i = initialRegex.lastIndex;
}
else {
parts.push(selectorText.substring(lastCommaIndex + 1).trim());
i = selectorText.length;
}
break;
case 'withinQuotes':
closingQuotesRegex.lastIndex = i;
match = closingQuotesRegex.exec(selectorText);
if (match) {
i = closingQuotesRegex.lastIndex;
state = 'initial';
}
// else this is a syntax error - omit the last part...
break;
}
}
return parts;
};
StyleSheets.loadSheet = function (url) {
return (new Promise(function (resolve, reject) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'text';
xhr.onload = function () {
if (xhr.status !== 200) {
reject(new Error("Error ".concat(xhr.status, ": Failed to load '").concat(url, "'")));
}
resolve(xhr.responseText);
};
xhr.onerror = reject;
xhr.onabort = reject;
xhr.send(null);
})
// ignore the error since some stylesheets may not be accessible
// due to CORS policies
.catch(function () { return null; }));
};
StyleSheets.prototype.getPropertyValue = function (node, propertyCss) {
var matchingRules = [];
for (var _i = 0, _a = this.styleSheets; _i < _a.length; _i++) {
var sheet = _a[_i];
for (var i = 0; i < sheet.cssRules.length; i++) {
var rule = sheet.cssRules[i];
if (rule.style.getPropertyValue(propertyCss) && node.matches(rule.selectorText)) {
matchingRules.push(rule);
}
}
}
if (matchingRules.length === 0) {
return undefined;
}
var compare$1 = function (a, b) {
var priorityA = a.style.getPropertyPriority(propertyCss);
var priorityB = b.style.getPropertyPriority(propertyCss);
if (priorityA !== priorityB) {
return priorityA === 'important' ? 1 : -1;
}
return compare(a.selectorText, b.selectorText);
};
var mostSpecificRule = matchingRules.reduce(function (previousValue, currentValue) {
return compare$1(previousValue, currentValue) === 1 ? previousValue : currentValue;
});
return mostSpecificRule.style.getPropertyValue(propertyCss) || undefined;
};
return StyleSheets;
}());
var TextMeasure = /** @class */ (function () {
function TextMeasure() {
this.measureMethods = {};
}
TextMeasure.prototype.getTextOffset = function (text, attributeState) {
var textAnchor = attributeState.textAnchor;
if (textAnchor === 'start') {
return 0;
}
var width = this.measureTextWidth(text, attributeState);
var xOffset = 0;
switch (textAnchor) {
case 'end':
xOffset = width;
break;
case 'middle':
xOffset = width / 2;
break;
}
return xOffset;
};
TextMeasure.prototype.measureTextWidth = function (text, attributeState) {
if (text.length === 0) {
return 0;
}
var fontFamily = attributeState.fontFamily;
var measure = this.getMeasureFunction(fontFamily);
return measure.call(this, text, attributeState.fontFamily, attributeState.fontSize + 'px', attributeState.fontStyle, attributeState.fontWeight);
};
TextMeasure.prototype.getMeasurementTextNode = function () {
if (!this.textMeasuringTextElement) {
this.textMeasuringTextElement = document.createElementNS(svgNamespaceURI, 'text');
var svg = document.createElementNS(svgNamespaceURI, 'svg');
svg.appendChild(this.textMeasuringTextElement);
svg.style.setProperty('position', 'absolute');
svg.style.setProperty('visibility', 'hidden');
document.body.appendChild(svg);
}
return this.textMeasuringTextElement;
};
TextMeasure.prototype.canvasTextMeasure = function (text, fontFamily, fontSize, fontStyle, fontWeight) {
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
if (context != null) {
context.font = [fontStyle, fontWeight, fontSize, fontFamily].join(' ');
return context.measureText(text).width;
}
return 0;
};
TextMeasure.prototype.svgTextMeasure = function (text, fontFamily, fontSize, fontStyle, fontWeight, measurementTextNode) {
if (measurementTextNode === void 0) { measurementTextNode = this.getMeasurementTextNode(); }
var textNode = measurementTextNode;
textNode.setAttribute('font-family', fontFamily);
textNode.setAttribute('font-size', fontSize);
textNode.setAttribute('font-style', fontStyle);
textNode.setAttribute('font-weight', fontWeight);
textNode.setAttributeNS('http://www.w3.org/XML/1998/namespace', 'xml:space', 'preserve');
textNode.textContent = text;
return textNode.getBBox().width;
};
/**
* Canvas text measuring is a lot faster than svg measuring. However, it is inaccurate for some fonts. So test each
* font once and decide if canvas is accurate enough.
*/
TextMeasure.prototype.getMeasureFunction = function (fontFamily) {
var method = this.measureMethods[fontFamily];
if (!method) {
var fontSize = '16px';
var fontStyle = 'normal';
var fontWeight = 'normal';
var canvasWidth = this.canvasTextMeasure(TextMeasure.testString, fontFamily, fontSize, fontStyle, fontWeight);
var svgWidth = this.svgTextMeasure(TextMeasure.testString, fontFamily, fontSize, fontStyle, fontWeight);
method =
Math.abs(canvasWidth - svgWidth) < TextMeasure.epsilon
? this.canvasTextMeasure
: this.svgTextMeasure;
this.measureMethods[fontFamily] = method;
}
return method;
};
TextMeasure.prototype.cleanupTextMeasuring = function () {
if (this.textMeasuringTextElement) {
var parentNode = this.textMeasuringTextElement.parentNode;
if (parentNode) {
document.body.removeChild(parentNode);
}
this.textMeasuringTextElement = undefined;
}
};
TextMeasure.testString = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!"$%&/()=?\'\\+*-_.:,;^}][{#~|<>';
TextMeasure.epsilon = 0.1;
return TextMeasure;
}());
function svg2pdf(element_1, pdf_1) {
return __awaiter(this, arguments, void 0, function (element, pdf, options) {
var x, y, extCss, idMap, refsHandler, styleSheets, viewport, svg2pdfParameters, textMeasure, context, fill, node;
var _a, _b, _c;
if (options === void 0) { options = {}; }
return __generator(this, function (_d) {
switch (_d.label) {
case 0:
x = (_a = options.x) !== null && _a !== void 0 ? _a : 0.0;
y = (_b = options.y) !== null && _b !== void 0 ? _b : 0.0;
extCss = (_c = options.loadExternalStyleSheets) !== null && _c !== void 0 ? _c : false;
idMap = {};
refsHandler = new ReferencesHandler(idMap);
styleSheets = new StyleSheets(element, extCss);
return [4 /*yield*/, styleSheets.load()
// start with the entire page size as viewport
];
case 1:
_d.sent();
viewport = new Viewport(pdf.internal.pageSize.getWidth(), pdf.internal.pageSize.getHeight());
svg2pdfParameters = __assign(__assign({}, options), { element: element });
textMeasure = new TextMeasure();
context = new Context(pdf, {
refsHandler: refsHandler,
styleSheets: styleSheets,
viewport: viewport,
svg2pdfParameters: svg2pdfParameters,
textMeasure: textMeasure
});
pdf.advancedAPI();
pdf.saveGraphicsState();
// set offsets
pdf.setCurrentTransformationMatrix(pdf.Matrix(1, 0, 0, 1, x, y));
// set default values that differ from pdf defaults
pdf.setLineWidth(context.attributeState.strokeWidth);
fill = context.attributeState.fill.color;
pdf.setFillColor(fill.r, fill.g, fill.b);
pdf.setFont(context.attributeState.fontFamily);
// correct for a jsPDF-instance measurement unit that differs from `pt`
pdf.setFontSize(context.attributeState.fontSize * pdf.internal.scaleFactor);
node = parse(element, idMap);
return [4 /*yield*/, node.render(context)];
case 2:
_d.sent();
pdf.restoreGraphicsState();
pdf.compatAPI();
context.textMeasure.cleanupTextMeasuring();
return [2 /*return*/, pdf];
}
});
});
}
jsPDF.API.svg = function (element, options) {
if (options === void 0) { options = {}; }
return svg2pdf(element, this, options);
};
export { svg2pdf };
//# sourceMappingURL=svg2pdf.es.js.map