72 lines
2.5 KiB
TypeScript
Raw Normal View History

/*
* Copyright [2021] [wisemapping]
*
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
* It is basically the Apache License, Version 2.0 (the "License") plus the
* "powered by wisemapping" text requirement on every single page;
* you may not use this file except in compliance with the License.
* You may obtain a copy of the license at
*
* http://www.wisemapping.org/license
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { Mindmap } from '../..';
import Exporter from './Exporter';
2021-12-29 17:10:28 -08:00
class SVGExporter implements Exporter {
private svgElement: Element;
2022-01-02 10:37:33 -08:00
private prolog = '<?xml version="1.0" encoding="utf-8" standalone="yes"?>\n';
2021-12-29 17:10:28 -08:00
constructor(mindmap: Mindmap, svgElement: Element, centerImgage = false) {
this.svgElement = svgElement;
}
2021-12-29 17:10:28 -08:00
extension(): string {
return 'svg';
}
2021-12-31 01:18:21 -08:00
export(): Promise<string> {
// Replace all images for in-line images ...
let svgTxt: string = new XMLSerializer()
.serializeToString(this.svgElement);
svgTxt = this.prolog + svgTxt;
2021-12-31 01:52:24 -08:00
// Are namespace declared ?. Otherwise, force the declaration ...
if (svgTxt.indexOf('xmlns:xlink=') === -1) {
svgTxt = svgTxt.replace('<svg ', '<svg xmlns:xlink="http://www.w3.org/1999/xlink" ');
2022-01-02 10:37:33 -08:00
}
// Add white background. This is mainly for PNG export ...
const svgDoc = SVGExporter.parseXMLString(svgTxt, 'application/xml');
const svgElement = svgDoc.getElementsByTagName('svg')[0];
svgElement.setAttribute('style', 'background-color:white');
2022-01-02 10:37:33 -08:00
const svgResult = new XMLSerializer()
.serializeToString(svgDoc);
const blob = new Blob([svgResult], { type: 'image/svg+xml' });
const result = URL.createObjectURL(blob);
return Promise.resolve(result);
}
2021-12-29 17:10:28 -08:00
private static parseXMLString = (xmlStr: string, mimeType: DOMParserSupportedType) => {
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlStr, mimeType);
// Is there any parsing error ?.
if (xmlDoc.getElementsByTagName('parsererror').length > 0) {
const xmmStr = new XMLSerializer().serializeToString(xmlDoc);
console.log(xmmStr);
throw new Error(`Unexpected error parsing: ${xmlStr}. Error: ${xmmStr}`);
2021-12-29 17:10:28 -08:00
}
return xmlDoc;
};
2021-12-29 17:10:28 -08:00
}
export default SVGExporter;