forked/topola-viewer
1
0
Fork 0
mirror of https://github.com/PeWu/topola-viewer.git synced 2026-03-15 03:53:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Using file-saver package for better cross-browser support.

Browse Source
This commit is contained in:
Przemek Wiech
2019-03-02 13:31:16 +01:00
parent 33d4f8f885
commit 1dc90e3262
3 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/chart.tsx
View File

@@ -2,6 +2,7 @@ import * as d3 from 'd3';
import * as React from 'react';
import canvg from 'canvg';
import {intlShape} from 'react-intl';
import {saveAs} from 'file-saver';
import {
JsonGedcomData,
ChartHandle,
@@ -162,13 +163,8 @@ export class Chart extends React.PureComponent<ChartProps, {}> {
}
downloadSvg() {
const hiddenElement = document.createElement('a');
hiddenElement.href = URL.createObjectURL(
new Blob([this.getSvgContents()], {type: 'image/svg+xml'}),
);
hiddenElement.target = '_blank';
hiddenElement.download = 'topola.svg';
hiddenElement.click();
const blob = new Blob([this.getSvgContents()], {type: 'image/svg+xml'});
saveAs(blob, 'topola.svg');
}
downloadPng() {
@@ -193,11 +189,9 @@ export class Chart extends React.PureComponent<ChartProps, {}> {
scaleHeight: canvas.height,
});
const onBlob = (blob: Blob | null) => {
const hiddenElement = document.createElement('a');
hiddenElement.href = URL.createObjectURL(blob);
hiddenElement.target = '_blank';
hiddenElement.download = 'topola.png';
hiddenElement.click();
if (blob) {
saveAs(blob, 'topola.png');
}
};
canvas.toBlob(onBlob, 'image/png');
}