mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-11-11 01:43:23 +01:00
Define image export size limit
This commit is contained in:
parent
e586903f8d
commit
301d141ce0
@ -21,8 +21,6 @@ import SVGExporter from './SVGExporter';
|
|||||||
* Based on https://mybyways.com/blog/convert-svg-to-png-using-your-browser
|
* Based on https://mybyways.com/blog/convert-svg-to-png-using-your-browser
|
||||||
*/
|
*/
|
||||||
class BinaryImageExporter extends Exporter {
|
class BinaryImageExporter extends Exporter {
|
||||||
private static maxAllowedSize = 10000;
|
|
||||||
|
|
||||||
private svgElement: Element;
|
private svgElement: Element;
|
||||||
|
|
||||||
private width: number;
|
private width: number;
|
||||||
@ -65,14 +63,7 @@ class BinaryImageExporter extends Exporter {
|
|||||||
height = (this.height * dpr);
|
height = (this.height * dpr);
|
||||||
}
|
}
|
||||||
|
|
||||||
// // Prevents an image too big. Failures seen during export in couple of browsers
|
console.log(`Export size: ${width}:${height}`);
|
||||||
// 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('width', width.toFixed(0));
|
||||||
canvas.setAttribute('height', height.toFixed(0));
|
canvas.setAttribute('height', height.toFixed(0));
|
||||||
|
|
||||||
|
@ -29,6 +29,8 @@ class SVGExporter extends Exporter {
|
|||||||
|
|
||||||
private adjustToFit: boolean;
|
private adjustToFit: boolean;
|
||||||
|
|
||||||
|
private static MAX_SUPPORTED_SIZE = 2500;
|
||||||
|
|
||||||
constructor(svgElement: Element, adjustToFit = true) {
|
constructor(svgElement: Element, adjustToFit = true) {
|
||||||
super('svg', 'image/svg+xml');
|
super('svg', 'image/svg+xml');
|
||||||
this.svgElement = svgElement;
|
this.svgElement = svgElement;
|
||||||
@ -111,8 +113,16 @@ class SVGExporter extends Exporter {
|
|||||||
minX, maxX, minY, maxY,
|
minX, maxX, minY, maxY,
|
||||||
} = this._calcualteDimensions();
|
} = this._calcualteDimensions();
|
||||||
|
|
||||||
const width = maxX + Math.abs(minX);
|
let width: number = maxX + Math.abs(minX);
|
||||||
const height = maxY + Math.abs(minY);
|
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 };
|
return { width, height };
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -127,8 +137,11 @@ class SVGExporter extends Exporter {
|
|||||||
|
|
||||||
svgElem.setAttribute('viewBox', `${minX} ${minY} ${width} ${height}`);
|
svgElem.setAttribute('viewBox', `${minX} ${minY} ${width} ${height}`);
|
||||||
svgElem.setAttribute('preserveAspectRatio', 'xMinYMin');
|
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;
|
return document;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user