Mercurial > gemma
changeset 3032:3aca036e11f1
client: improve pdf properties for diagrams
* adjust the papersize,unit and format of the pdf
* specify the size of the exported diagram on pdf
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Fri, 12 Apr 2019 13:34:18 +0200 |
parents | f99f0cbb843f |
children | 5cdfbca19776 |
files | client/src/components/fairway/Fairwayprofile.vue client/src/components/gauge/HydrologicalConditions.vue client/src/components/gauge/Waterlevel.vue |
diffstat | 3 files changed, 6 insertions(+), 6 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/fairway/Fairwayprofile.vue Fri Apr 12 13:07:48 2019 +0200 +++ b/client/src/components/fairway/Fairwayprofile.vue Fri Apr 12 13:34:18 2019 +0200 @@ -146,7 +146,7 @@ if (svg) { svg = svg.replace(/\r?\n|\r/g, "").trim(); } - var pdf = new jsPDF("p", "pt", "c2"); + var pdf = new jsPDF("l", "mm", "a3"); var canvas = document.createElement("canvas"); canvas.width = window.innerWidth; canvas.height = window.innerHeight / 2; @@ -156,7 +156,7 @@ ignoreDimensions: true }); var imgData = canvas.toDataURL("image/png"); - pdf.addImage(imgData, "PNG", 70, 200); + pdf.addImage(imgData, "PNG", 40, 60, 380, 130); pdf.save("Fairwayprofile-diagram"); }, calcRelativeDepth(depth) {
--- a/client/src/components/gauge/HydrologicalConditions.vue Fri Apr 12 13:07:48 2019 +0200 +++ b/client/src/components/gauge/HydrologicalConditions.vue Fri Apr 12 13:34:18 2019 +0200 @@ -172,7 +172,7 @@ if (svg) { svg = svg.replace(/\r?\n|\r/g, "").trim(); } - var pdf = new jsPDF("p", "pt", "c2"); + var pdf = new jsPDF("l", "mm", "a3"); var canvas = document.createElement("canvas"); canvas.width = window.innerWidth; canvas.height = window.innerHeight / 2; @@ -182,7 +182,7 @@ ignoreDimensions: true }); var imgData = canvas.toDataURL("image/png"); - pdf.addImage(imgData, "PNG", 50, 200); + pdf.addImage(imgData, "PNG", 40, 60, 380, 130); pdf.save("Hydrological condition Diagram.pdf"); }, drawDiagram() {
--- a/client/src/components/gauge/Waterlevel.vue Fri Apr 12 13:07:48 2019 +0200 +++ b/client/src/components/gauge/Waterlevel.vue Fri Apr 12 13:34:18 2019 +0200 @@ -185,7 +185,7 @@ if (svg) { svg = svg.replace(/\r?\n|\r/g, "").trim(); } - var pdf = new jsPDF("p", "pt", "c2"); + var pdf = new jsPDF("l", "mm", "a3"); var canvas = document.createElement("canvas"); canvas.width = window.innerWidth; canvas.height = 500; @@ -195,7 +195,7 @@ ignoreDimensions: true }); var imgData = canvas.toDataURL("image/png"); - pdf.addImage(imgData, "PNG", 50, 200); + pdf.addImage(imgData, "PNG", 40, 60, 380, 130); pdf.save("waterlevel-Diagram.pdf"); }, drawDiagram() {