{"id":6897,"date":"2018-01-28T19:10:57","date_gmt":"2018-01-28T17:10:57","guid":{"rendered":"https:\/\/www.tomislavstankovic.com\/blog\/?p=6897"},"modified":"2019-01-05T19:50:57","modified_gmt":"2019-01-05T17:50:57","slug":"angular-pdf-pdfmake","status":"publish","type":"post","link":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/","title":{"rendered":"Angular & pdfmake – kreiranje PDF-a"},"content":{"rendered":"

U ovom \u0107u blog postu pokazati kako kreirati PDF<\/em> dokument unutar Angular web<\/em> aplikacije koriste\u0107i pdfmake<\/a><\/em><\/strong>. <\/p>\n

\u0160to je pdfmake?<\/h2>\n

pdfmake<\/strong><\/em> je biblioteka temeljena na JavaScriptu<\/em> koja omogu\u0107ava kreiranje PDF<\/em> dokumenata iz JSON-a<\/em>. Mo\u017ee se koristiti na serverskoj npm install pdfmake<\/span> i klijentskoj bower install pdfmake<\/span> strani. <\/p>\n

Osobno, vi\u0161e sam za NPM<\/em> nego za Bower<\/em>. Razloga je nekoliko<\/a>. <\/p>\n

Kreiranje Angular<\/em> projekta<\/h2>\n

Koriste\u0107i Angular CLI<\/a><\/em> pokre\u0107em novi projekt<\/p>\n

$ ng new AngularPdfMAke\r\n$ ng serve<\/pre>\n
Nakon \u0161to sam pokrenuo web aplikaciju u web pregledniku i uvjerio se da sam sve ispravno postavio mogu krenuti u instalaciju pdfmake<\/em> biblioteke. <\/p>\n
pdfmake<\/em> implementacija<\/h2>\n
$ npm install pdfmake<\/pre>\n
Nakon instalacije uvozim pdfmake<\/em> u komponentu unutar koje \u017eelim kreirati PDF<\/em>.<\/p>\n
import { Component } from '@angular\/core';\r\n\r\nvar pdfMake = require('pdfmake\/build\/pdfmake.js');\r\nvar pdfFonts = require('pdfmake\/build\/vfs_fonts.js');\r\npdfMake.vfs = pdfFonts.pdfMake.vfs;\r\n\r\n@Component({\r\n  selector: 'app-root',\r\n  templateUrl: '.\/app.component.html',\r\n  styleUrls: ['.\/app.component.css']\r\n})\r\nexport class AppComponent {\r\n...<\/pre>\n
\u0160to se vidljivog dijela aplikacije ti\u010de ondje \u0107e se u ovom primjeru nalaziti samo tri gumba, po jedan za otvaranje, preuzimanje i ispis PDF-a<\/em>.<\/p>\n
<!--The content below is only a placeholder and can be replaced.-->\r\n<div style=\"text-align:center\">\r\n  <h1>\r\n    Angular & pdfmake - kreiranje PDF-a\r\n  <\/h1>\r\n  <img width=\"300\" alt=\"Angular Logo\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==\">\r\n<\/div>\r\n<div class=\"button\">\r\n  <button (click)=\"open()\">Open<\/button> - <button (click)=\"download()\">Download<\/button> - <button (click)=\"print()\">Print<\/button>\r\n<\/div><\/pre>\n
\"Angular<\/a><\/p>\n
Kreiranje PDF-a<\/em> mogu\u0107e je na tri na\u010dina: <\/p>\n
1.) Otvara PDF<\/em> u novom tabu web preglednika.<\/p>\n
pdfMake.createPdf(this.docDefinition).open();<\/pre>\n
\"pdfmake<\/a><\/p>\n
2.) Otvara prozor za ispis.<\/p>\n
pdfMake.createPdf(this.docDefinition).print();<\/pre>\n
\"pdfmake<\/a><\/p>\n
3.) Preuzimanje PDF-a<\/em> na ra\u010dunalo. U ovom je slu\u010daju mogu\u0107e unaprijed odrediti naziv PDF-a<\/em>. <\/p>\n
pdfMake.createPdf(this.docDefinition).download('exampleDocument.pdf');<\/pre>\n
\"pdfmak<\/a><\/p>\n
Kao \u0161to se vidi iz gore navedenih funkcija sadr\u017eaj od kojega se kreira PDF<\/em> dobije se iz objekta  this.docDefinition<\/span> koji u ovom konkretnom primjeru izgleda ovako:<\/p>\n
this.docDefinition = {\r\n      content: [\r\n        { text: 'Ovo je naslov', style: 'header' },\r\n        'Primjer sadr\u017eaja bez dodatnog ure\u0111ivanja.',\r\n        { text: 'Poravnato desno.', style: 'anotherStyle' },\r\n        { text: 'Kombinacija vi\u0161e stilova.', style: [ 'header', 'anotherStyle' ] }\r\n      ],\r\n    \r\n      styles: {\r\n        header: {\r\n          fontSize: 22,\r\n          bold: true\r\n        },\r\n        anotherStyle: {\r\n          italics: true,\r\n          alignment: 'right'\r\n        }\r\n      }\r\n    };<\/pre>\n
Vi\u0161e primjera mogu\u0107e je prona\u0107i na poveznici http:\/\/pdfmake.org\/playground.html<\/a><\/p>\n
Osim toga, tra\u017eio sam popis mogu\u0107ih CSS<\/em> stilova i za sada sam prona\u0161ao poveznicu https:\/\/stackoverflow.com\/a\/32805835\/5059916<\/a> na kojoj se spominje nekoliko njih.<\/p>\n
Zaklju\u010dak<\/h2>\n
pdfmake<\/em> omogu\u0107ava brzo i jednostavno kreiranje PDF-a<\/em> unutar Angular<\/em> aplikacije. <\/p>\n
I za kraj, u nastavku dajem strukturu projekta prema package.json<\/strong> datoteci. <\/p>\n
{\r\n  \"name\": \"angular-pdf-make\",\r\n  \"version\": \"0.0.0\",\r\n  \"license\": \"MIT\",\r\n  \"scripts\": {\r\n    \"ng\": \"ng\",\r\n    \"start\": \"ng serve\",\r\n    \"build\": \"ng build --prod\",\r\n    \"test\": \"ng test\",\r\n    \"lint\": \"ng lint\",\r\n    \"e2e\": \"ng e2e\"\r\n  },\r\n  \"private\": true,\r\n  \"dependencies\": {\r\n    \"@angular\/animations\": \"^5.2.0\",\r\n    \"@angular\/common\": \"^5.2.0\",\r\n    \"@angular\/compiler\": \"^5.2.0\",\r\n    \"@angular\/core\": \"^5.2.0\",\r\n    \"@angular\/forms\": \"^5.2.0\",\r\n    \"@angular\/http\": \"^5.2.0\",\r\n    \"@angular\/platform-browser\": \"^5.2.0\",\r\n    \"@angular\/platform-browser-dynamic\": \"^5.2.0\",\r\n    \"@angular\/router\": \"^5.2.0\",\r\n    \"core-js\": \"^2.4.1\",\r\n    \"pdfmake\": \"^0.1.35\",\r\n    \"rxjs\": \"^5.5.6\",\r\n    \"zone.js\": \"^0.8.19\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@angular\/cli\": \"1.6.6\",\r\n    \"@angular\/compiler-cli\": \"^5.2.0\",\r\n    \"@angular\/language-service\": \"^5.2.0\",\r\n    \"@types\/jasmine\": \"~2.8.3\",\r\n    \"@types\/jasminewd2\": \"~2.0.2\",\r\n    \"@types\/node\": \"~6.0.60\",\r\n    \"codelyzer\": \"^4.0.1\",\r\n    \"jasmine-core\": \"~2.8.0\",\r\n    \"jasmine-spec-reporter\": \"~4.2.1\",\r\n    \"karma\": \"~2.0.0\",\r\n    \"karma-chrome-launcher\": \"~2.2.0\",\r\n    \"karma-coverage-istanbul-reporter\": \"^1.2.1\",\r\n    \"karma-jasmine\": \"~1.1.0\",\r\n    \"karma-jasmine-html-reporter\": \"^0.2.2\",\r\n    \"protractor\": \"~5.1.2\",\r\n    \"ts-node\": \"~4.1.0\",\r\n    \"tslint\": \"~5.9.1\",\r\n    \"typescript\": \"~2.5.3\"\r\n  }\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"
U ovom \u0107u blog postu pokazati kako kreirati PDF dokument unutar Angular web aplikacije koriste\u0107i pdfmake. \u0160to je pdfmake? pdfmake je biblioteka temeljena na JavaScriptu koja omogu\u0107ava kreiranje PDF dokumenata iz JSON-a. Mo\u017ee se koristiti na serverskoj npm install pdfmake i klijentskoj bower install pdfmake strani. Osobno, vi\u0161e sam za NPM nego za Bower. Razloga … Nastavi \u010ditati Angular & pdfmake – kreiranje PDF-a<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":6898,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[566,351],"tags":[471,489,488],"class_list":["post-6897","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-frontend","category-razvoj","tag-angular","tag-pdf","tag-pdfmake"],"yoast_head":"\nAngular & pdfmake - kreiranje PDF-a - Tomislav Stankovi\u0107<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular & pdfmake - kreiranje PDF-a - Tomislav Stankovi\u0107\" \/>\n<meta property=\"og:description\" content=\"U ovom \u0107u blog postu pokazati kako kreirati PDF dokument unutar Angular web aplikacije koriste\u0107i pdfmake. \u0160to je pdfmake? pdfmake je biblioteka temeljena na JavaScriptu koja omogu\u0107ava kreiranje PDF dokumenata iz JSON-a. Mo\u017ee se koristiti na serverskoj npm install pdfmake i klijentskoj bower install pdfmake strani. Osobno, vi\u0161e sam za NPM nego za Bower. Razloga … Nastavi \u010ditati Angular & pdfmake – kreiranje PDF-a\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/\" \/>\n<meta property=\"og:site_name\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-28T17:10:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-01-05T17:50:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2018\/01\/pdfmake-angular-web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"510\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisao\/la\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tomislav Stankovi\u0107\" \/>\n\t<meta name=\"twitter:label2\" content=\"Procijenjeno vrijeme \u010ditanja\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-pdf-pdfmake\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-pdf-pdfmake\\\/\"},\"author\":{\"name\":\"Tomislav Stankovi\u0107\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"headline\":\"Angular & pdfmake – kreiranje PDF-a\",\"datePublished\":\"2018-01-28T17:10:57+00:00\",\"dateModified\":\"2019-01-05T17:50:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-pdf-pdfmake\\\/\"},\"wordCount\":269,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-pdf-pdfmake\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/pdfmake-angular-web.jpg\",\"keywords\":[\"Angular\",\"pdf\",\"pdfmake\"],\"articleSection\":[\"Frontend\",\"Razvoj\"],\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-pdf-pdfmake\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-pdf-pdfmake\\\/\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-pdf-pdfmake\\\/\",\"name\":\"Angular & pdfmake - kreiranje PDF-a - Tomislav Stankovi\u0107\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-pdf-pdfmake\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-pdf-pdfmake\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/pdfmake-angular-web.jpg\",\"datePublished\":\"2018-01-28T17:10:57+00:00\",\"dateModified\":\"2019-01-05T17:50:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-pdf-pdfmake\\\/#breadcrumb\"},\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-pdf-pdfmake\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-pdf-pdfmake\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/pdfmake-angular-web.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/pdfmake-angular-web.jpg\",\"width\":825,\"height\":510,\"caption\":\"Angular - kreiranje PDF-a koriste\u0107i pdfMake\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-pdf-pdfmake\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Po\u010detna stranica\",\"item\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular & pdfmake – kreiranje PDF-a\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\",\"name\":\"Tomislav Stankovi\u0107\",\"description\":\"Sam svoj bloger\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\",\"name\":\"Tomislav Stankovi\u0107\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"width\":248,\"height\":165,\"caption\":\"Tomislav Stankovi\u0107\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\"},\"description\":\"Bloger \u0161irokog raspona interesa od kojih dio voli objaviti na ovom blogu. U neslobodno vrijeme Angular developer mobilnih i web aplikacija.\",\"sameAs\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/tomislavstankovic\\\/\"],\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/author\\\/tomislavstankovic\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Angular & pdfmake - kreiranje PDF-a - Tomislav Stankovi\u0107","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/","og_locale":"hr_HR","og_type":"article","og_title":"Angular & pdfmake - kreiranje PDF-a - Tomislav Stankovi\u0107","og_description":"U ovom \u0107u blog postu pokazati kako kreirati PDF dokument unutar Angular web aplikacije koriste\u0107i pdfmake. \u0160to je pdfmake? pdfmake je biblioteka temeljena na JavaScriptu koja omogu\u0107ava kreiranje PDF dokumenata iz JSON-a. Mo\u017ee se koristiti na serverskoj npm install pdfmake i klijentskoj bower install pdfmake strani. Osobno, vi\u0161e sam za NPM nego za Bower. Razloga … Nastavi \u010ditati Angular & pdfmake – kreiranje PDF-a","og_url":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/","og_site_name":"Tomislav Stankovi\u0107","article_published_time":"2018-01-28T17:10:57+00:00","article_modified_time":"2019-01-05T17:50:57+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2018\/01\/pdfmake-angular-web.jpg","type":"image\/jpeg"}],"author":"Tomislav Stankovi\u0107","twitter_card":"summary_large_image","twitter_misc":{"Napisao\/la":"Tomislav Stankovi\u0107","Procijenjeno vrijeme \u010ditanja":"3 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/#article","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/"},"author":{"name":"Tomislav Stankovi\u0107","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"headline":"Angular & pdfmake – kreiranje PDF-a","datePublished":"2018-01-28T17:10:57+00:00","dateModified":"2019-01-05T17:50:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/"},"wordCount":269,"commentCount":0,"publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2018\/01\/pdfmake-angular-web.jpg","keywords":["Angular","pdf","pdfmake"],"articleSection":["Frontend","Razvoj"],"inLanguage":"hr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/","url":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/","name":"Angular & pdfmake - kreiranje PDF-a - Tomislav Stankovi\u0107","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/#primaryimage"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2018\/01\/pdfmake-angular-web.jpg","datePublished":"2018-01-28T17:10:57+00:00","dateModified":"2019-01-05T17:50:57+00:00","breadcrumb":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/#breadcrumb"},"inLanguage":"hr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/"]}]},{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/#primaryimage","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2018\/01\/pdfmake-angular-web.jpg","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2018\/01\/pdfmake-angular-web.jpg","width":825,"height":510,"caption":"Angular - kreiranje PDF-a koriste\u0107i pdfMake"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-pdf-pdfmake\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po\u010detna stranica","item":"https:\/\/www.tomislavstankovic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Angular & pdfmake – kreiranje PDF-a"}]},{"@type":"WebSite","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website","url":"https:\/\/www.tomislavstankovic.com\/blog\/","name":"Tomislav Stankovi\u0107","description":"Sam svoj bloger","publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tomislavstankovic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hr"},{"@type":["Person","Organization"],"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d","name":"Tomislav Stankovi\u0107","image":{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","width":248,"height":165,"caption":"Tomislav Stankovi\u0107"},"logo":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg"},"description":"Bloger \u0161irokog raspona interesa od kojih dio voli objaviti na ovom blogu. U neslobodno vrijeme Angular developer mobilnih i web aplikacija.","sameAs":["https:\/\/www.tomislavstankovic.com\/blog\/","https:\/\/www.linkedin.com\/in\/tomislavstankovic\/"],"url":"https:\/\/www.tomislavstankovic.com\/blog\/author\/tomislavstankovic\/"}]}},"_links":{"self":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/6897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/comments?post=6897"}],"version-history":[{"count":26,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/6897\/revisions"}],"predecessor-version":[{"id":6929,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/6897\/revisions\/6929"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media\/6898"}],"wp:attachment":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media?parent=6897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/categories?post=6897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/tags?post=6897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}