vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2024-11-11 01:43:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Define image export size limit

Browse Source
This commit is contained in:
Paulo Gustavo Veiga 2022-02-15 18:29:02 -08:00
parent e586903f8d
commit 301d141ce0
2 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/mindplot/src/components/export/BinaryImageExporter.ts
View File

@ -21,8 +21,6 @@ import SVGExporter from './SVGExporter';
* Based on https://mybyways.com/blog/convert-svg-to-png-using-your-browser
*/
class BinaryImageExporter extends Exporter {
private static maxAllowedSize = 10000;
private svgElement: Element;
private width: number;
@ -65,13 +63,6 @@ class BinaryImageExporter extends Exporter {
height = (this.height * dpr);
}
// // Prevents an image too big. Failures seen during export in couple of browsers
// if (Math.max(width, height) > BinaryImageExporter.maxAllowedSize) {
// const scale = Math.max(width, height) / BinaryImageExporter.maxAllowedSize;
// width /= scale;
// height /= scale;
// }
console.log(`Export size: ${width}:${height}`);
canvas.setAttribute('width', width.toFixed(0));
canvas.setAttribute('height', height.toFixed(0));

21
packages/mindplot/src/components/export/SVGExporter.ts
View File

@ -29,6 +29,8 @@ class SVGExporter extends Exporter {
private adjustToFit: boolean;
private static MAX_SUPPORTED_SIZE = 2500;
constructor(svgElement: Element, adjustToFit = true) {
super('svg', 'image/svg+xml');
this.svgElement = svgElement;
@ -111,8 +113,16 @@ class SVGExporter extends Exporter {
minX, maxX, minY, maxY,
} = this._calcualteDimensions();
const width = maxX + Math.abs(minX);
const height = maxY + Math.abs(minY);
let width: number = maxX + Math.abs(minX);
let height: number = maxY + Math.abs(minY);
// Prevents an image too big. Failures seen during export in couple of browsers
if (Math.max(width, height) > SVGExporter.MAX_SUPPORTED_SIZE) {
const scale = Math.max(width, height) / SVGExporter.MAX_SUPPORTED_SIZE;
width /= scale;
height /= scale;
}
return { width, height };
}
@ -127,8 +137,11 @@ class SVGExporter extends Exporter {
svgElem.setAttribute('viewBox', `${minX} ${minY} ${width} ${height}`);
svgElem.setAttribute('preserveAspectRatio', 'xMinYMin');
svgElem.setAttribute('width', width.toFixed(0));
svgElem.setAttribute('height', height.toFixed(0));
// Get image size ...
const imgSize = this.getImgSize();
svgElem.setAttribute('width', imgSize.width.toFixed(0));
svgElem.setAttribute('height', imgSize.height.toFixed(0));
return document;
}