ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

use dom-to-image-more

Browse Source
This commit is contained in:
mike-000
2020-04-02 14:16:51 +01:00
parent b56ca954d5
commit ab006abf25
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
examples/print-to-scale.html
View File

@@ -6,12 +6,15 @@ docs: >
Example of printing a map to a specified scale. Example of printing a map to a specified scale.
The print is exported as a PDF using the <a href="https://github.com/MrRio/jsPDF" target="_blank">jsPDF</a> library. The print is exported as a PDF using the <a href="https://github.com/MrRio/jsPDF" target="_blank">jsPDF</a> library.
Unlike the <a href="export-pdf.html">Export PDF example</a> the on screen map is only used to set the center and rotation. Unlike the <a href="export-pdf.html">Export PDF example</a> the on screen map is only used to set the center and rotation.
The extent printed depends on the scale and page size. The extent printed depends on the scale and page size. To print the scale bar and attributions the example uses the
<a href="https://github.com/1904labs/dom-to-image-more" target="_blank">dom-to-image-more</a> library. Due to browser
limitations and restrictions <b>Internet Explorer and Safari are not supported</b>.
tags: "print, printing, scale, scaleline, export, pdf" tags: "print, printing, scale, scaleline, export, pdf"
resources: resources:
- https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.2.61/jspdf.min.js - https://unpkg.com/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js
- https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js
--- ---
<div class="container"> <div class="wrapper">
<div id="map" class="map"></div> <div id="map" class="map"></div>
</div> </div>
<form class="form"> <form class="form">