Highcharts svg2pdf test
HTML
<script src="https://rawgit.com/yWorks/jsPDF/master/dist/jspdf.debug.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/7.2.0/lib/svg2pdf.js"></script>
<div id="wrap">
<svg
width="201"
height="95"
viewBox="0 0 201 95"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<rect
x="0"
y="0"
fill="#DEE1FF"
width="38"
height="15"
rx="0"
/>
<rect
x="42"
y="0"
fill="#DEE1FF"
width="22"
height="15"
rx="0"
/>
<rect
x="68"
y="0"
fill="#DEE1FF"
width="43"
height="15"
rx="0"
/>
<rect
x="115"
y="0"
fill="#DEE1FF"
width="41"
height="15"
rx="0"
/>
</g> <g>
<rect
x="0"
y="19"
fill="#DEE1FF"
width="58"
height="15"
rx="0"
/>
<rect
x="62"
y="19"
fill="#DEE1FF"
width="69"
height="15"
rx="0"
/>
<rect
x="135"
y="19"
fill="#DEE1FF"
width="51"
height="15"
rx="0"
/>
</g> <g>
<rect
...
CSS
#wrap {
min-width: 300px;
max-width: 800px;
height: 250px;
margin: 1em auto;
}
JavaScript
var s = document.getElementById('wrap').querySelector("svg"),
pd = new jsPDF('p', 'pt', [300, 300]);
setTimeout(function() {
svg2pdf(s, pd, {
removeInvalid: true,
scale: 72 / 96,
});
var dt = pd.output('datauristring');
var d = document.getElementById('pdfdl');
d.innerHTML = 'SVGをPDFでダウンロード';
d.href = dt;
d.download = 'hogehoge.pdf';
}, 1000);