modules/svg.js

  1. /** @license
  2.  * Copyright (c) 2012 Willow Systems Corporation, https://github.com/willowsystems
  3.  *
  4.  * Permission is hereby granted, free of charge, to any person obtaining
  5.  * a copy of this software and associated documentation files (the
  6.  * "Software"), to deal in the Software without restriction, including
  7.  * without limitation the rights to use, copy, modify, merge, publish,
  8.  * distribute, sublicense, and/or sell copies of the Software, and to
  9.  * permit persons to whom the Software is furnished to do so, subject to
  10.  * the following conditions:
  11.  *
  12.  * The above copyright notice and this permission notice shall be
  13.  * included in all copies or substantial portions of the Software.
  14.  *
  15.  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  16.  * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  17.  * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
  18.  * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
  19.  * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
  20.  * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
  21.  * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  22.  * ====================================================================
  23.  */
  25. import { jsPDF } from "../jspdf.js";
  26. import { console } from "../libs/console.js";
  27. import { globalObject } from "../libs/globalObject.js";
  29. /**
  30.  * jsPDF SVG plugin
  31.  *
  32.  * @name svg
  33.  * @module
  34.  */
  35. (function(jsPDFAPI) {
  36.   "use strict";
  38.   function loadCanvg() {
  39.     return (function() {
  40.       if (globalObject["canvg"]) {
  41.         return Promise.resolve(globalObject["canvg"]);
  42.       }
  44.       // @if MODULE_FORMAT='es'
  45.       return import("canvg");
  46.       // @endif
  48.       // @if MODULE_FORMAT!='es'
  49.       if (typeof exports === "object" && typeof module !== "undefined") {
  50.         return new Promise(function(resolve, reject) {
  51.           try {
  52.             resolve(require("canvg"));
  53.           } catch (e) {
  54.             reject(e);
  55.           }
  56.         });
  57.       }
  58.       if (typeof define === "function" && define.amd) {
  59.         return new Promise(function(resolve, reject) {
  60.           try {
  61.             require(["canvg"], resolve);
  62.           } catch (e) {
  63.             reject(e);
  64.           }
  65.         });
  66.       }
  67.       return Promise.reject(new Error("Could not load canvg"));
  68.       // @endif
  69.     })()
  70.       .catch(function(e) {
  71.         return Promise.reject(new Error("Could not load canvg: " + e));
  72.       })
  73.       .then(function(canvg) {
  74.         return canvg.default ? canvg.default : canvg;
  75.       });
  76.   }
  78.   /**
  79.    * Parses SVG XML and saves it as image into the PDF.
  80.    *
  81.    * Depends on canvas-element and canvg
  82.    *
  83.    * @name addSvgAsImage
  84.    * @public
  85.    * @function
  86.    * @param {string} SVG-Data as Text
  87.    * @param {number} x Coordinate (in units declared at inception of PDF document) against left edge of the page
  88.    * @param {number} y Coordinate (in units declared at inception of PDF document) against upper edge of the page
  89.    * @param {number} width of SVG-Image (in units declared at inception of PDF document)
  90.    * @param {number} height of SVG-Image (in units declared at inception of PDF document)
  91.    * @param {string} alias of SVG-Image (if used multiple times)
  92.    * @param {string} compression of the generated JPEG, can have the values 'NONE', 'FAST', 'MEDIUM' and 'SLOW'
  93.    * @param {number} rotation of the image in degrees (0-359)
  94.    *
  95.    * @returns jsPDF jsPDF-instance
  96.    */
  97.   jsPDFAPI.addSvgAsImage = function(
  98.     svg,
  99.     x,
  100.     y,
  101.     w,
  102.     h,
  103.     alias,
  104.     compression,
  105.     rotation
  106.   ) {
  107.     if (isNaN(x) || isNaN(y)) {
  108.       console.error("jsPDF.addSvgAsImage: Invalid coordinates", arguments);
  109.       throw new Error("Invalid coordinates passed to jsPDF.addSvgAsImage");
  110.     }
  112.     if (isNaN(w) || isNaN(h)) {
  113.       console.error("jsPDF.addSvgAsImage: Invalid measurements", arguments);
  114.       throw new Error(
  115.         "Invalid measurements (width and/or height) passed to jsPDF.addSvgAsImage"
  116.       );
  117.     }
  119.     var canvas = document.createElement("canvas");
  120.     canvas.width = w;
  121.     canvas.height = h;
  122.     var ctx = canvas.getContext("2d");
  123.     ctx.fillStyle = "#fff"; /// set white fill style
  124.     ctx.fillRect(0, 0, canvas.width, canvas.height);
  126.     var options = {
  127.       ignoreMouse: true,
  128.       ignoreAnimation: true,
  129.       ignoreDimensions: true
  130.     };
  131.     var doc = this;
  132.     return loadCanvg()
  133.       .then(
  134.         function(canvg) {
  135.           return canvg.fromString(ctx, svg, options);
  136.         },
  137.         function() {
  138.           return Promise.reject(new Error("Could not load canvg."));
  139.         }
  140.       )
  141.       .then(function(instance) {
  142.         return instance.render(options);
  143.       })
  144.       .then(function() {
  145.         doc.addImage(
  146.           canvas.toDataURL("image/jpeg", 1.0),
  147.           x,
  148.           y,
  149.           w,
  150.           h,
  151.           compression,
  152.           rotation
  153.         );
  154.       });
  155.   };
  156. })(jsPDF.API);