diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-angular.md b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-angular.md new file mode 100644 index 000000000..f10609b24 --- /dev/null +++ b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-angular.md @@ -0,0 +1,108 @@ +--- +layout: post +title: Getting started with Angular PDF library component | Syncfusion +description: Learn how to create a PDF file in Angular with easy steps using Syncfusion .NET Core PDF library without depending on Adobe. +platform: document-processing +control: PDF +documentation: ug +domainurl: ##DomainURL## +--- + +# Getting started with Angular PDF library + +The Syncfusion® Angular PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files. + +This guide explains how to integrate the EJ2 PDF library component into an Angular application. + +N> For Angular 17+, see the following links: + +* [Create a Standalone PDF Viewer in Angular 17 and above with-no-standalone-flag](./how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-with-no-standalone-flag). +* [Create a Standalone PDF Viewer in Angular 17 and above without --no-standalone flag](./how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-without-no-standalone-flag). + +## Setup Angular Environment + +You can use the [`Angular CLI`](https://github.com/angular/angular-cli) to setup your Angular applications. +To install the latest Angular CLI globally use the following command. + +```bash +npm install -g @angular/cli +``` + +N> Use the command **npm install --save @angular/cli@12.0.2** to install the Angular CLI version 12.0.2 + +## Create an Angular Application + +Start a new Angular application using the Angular CLI command as follows. + +```bash +ng new my-app +cd my-app +``` +## Create a PDF document using TypeScript. + +* Add a simple button to `main.ts` and attach a click handler that uses the EJ2 PDF API to create a new PDF document. + +{% tabs %} +{% highlight ts tabtitle="main.ts" %} + + + + Button onclick Example + + + + + + +{% endhighlight %} +{% endtabs %} + +* Include the following namespaces in `app.component.ts` file. + +{% endhighlight %} +{% highlight html tabtitle="app.component.ts" %} +import { NgModule } from '@angular/core'; +import { PdfDocument, PdfPage, PdfStandardFont, PdfPen, PdfBrush } from '@syncfusion/ej2-pdf'; + +{% endhighlight %} +{% endtabs %} + +* Include the following code example in the click event of the button in `app.component.ts` to generate a PDF document. + +{% endhighlight %} +{% highlight html tabtitle="app.component.ts" %} + +document.getElementById('normalButton').onclick = (): void => { + // Create a new PDF document + var pdf = new PdfDocument(); + // Add a new page + var page = pdf.addPage(); + // Get graphics from the page + let graphics = page.graphics; + // Set font + font: PdfStandardFont = new PdfStandardFont(PdfFontFamily.helvetica, 10); + // Draw text + graphics.drawString('Hello World!!!', font, [70, 10, 200, 50], new PdfPen([255, 0, 0], 1), new PdfBrush([0, 0, 0])); + // Save and download PDF + pdf.save('Output.pdf'); + // Destroy the PDF document instance + pdf.destroy(); + }); +}; + +{% endhighlight %} +{% endtabs %} + +## Run the application + +Use the following command to run the application in browser. + +```javascript +ng serve --open +``` + +By executing the program, you will get the PDF document as follows. + +![Output EJ2 PDF document](Getting_started_images/Output.png) + + diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-asp-net-core.md b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-asp-net-core.md new file mode 100644 index 000000000..4edd4a2f7 --- /dev/null +++ b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-asp-net-core.md @@ -0,0 +1,86 @@ +--- +layout: post +title: Getting started with the ASP.NET Core PDF library | Syncfusion +description: Learn how to create a PDF file in ASP.NET Core with easy steps using Syncfusion .NET Core PDF library without depending on Adobe. +platform: document-processing +control: PDF +documentation: ug +keywords: .net core create pdf, edit pdf, merge, pdf form, fill form, digital sign, table, c#, dotnet core pdf, asp generate pdf, aspx generate pdf +--- + +# Getting started with the ASP.NET Core PDF library + +The Syncfusion® .NET Core PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, forms, and secure PDF files. + +This guide explains how to integrate the EJ2 PDF library control into an ASP.NET Core application using Visual Studio. + +## Prerequisites + +[System requirements for ASP.NET Core controls](https://help.syncfusion.com/document-processing/system-requirements) + +## Integrate PDF Viewer into an ASP.NET Core application + +1. Start Visual Studio and select **Create a new project**. +2. In the **Create a new project** dialog, select **ASP.NET Core Web App**. +![ASP.NET Core PDF creation1](Getting_started_images/Asp-net-core-creation1.png) +3. In the **Configure your new project** dialog, enter the project name and select **Next**. +![ASP.NET Core PDF creation2](Getting_started_images/Asp-net-core-creation2.png) +4. In the **Additional information** dialog, select a .NET LTS version (for example, **.NET 8.0 (Long-term Support)**) and then select **Create**. +![ASP.NET Core PDF creation3](Getting_started_images/Asp-net-core-creation3.png) + +5. **Add script reference** : Add the required scripts using the CDN inside the `` of `~/Views/Shared/_Layout.cshtml` as follows: + +{% tabs %} +{% highlight c# tabtitle="~/_Layout.cshtml" %} + + + ... + + + + +{% endhighlight %} +{% endtabs %} + +6. **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the EJ2 PDF API to generate a PDF document. + +{% tabs %} +{% highlight c# tabtitle="~/Index.cshtml" %} + +
+

Create PDF document

+

Click the button to generate and download a PDF.

+ +
+ +@section Scripts { + +} + +{% endhighlight %} +{% endtabs %} + +7. **Build the project** : Click on Build > Build Solution or press Ctrl + Shift + B to build the project. + +8. **Run the project** : Click the Start button (green arrow) or press F5 to run the app. + +By executing the program, you will generate the following PDF document. + +![ASP.NET Core PDF output](Getting_started_images/Output.png) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-asp-net-mvc.md b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-asp-net-mvc.md new file mode 100644 index 000000000..1fe1e9273 --- /dev/null +++ b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-asp-net-mvc.md @@ -0,0 +1,85 @@ +--- +layout: post +title: Getting started with ASP.NET MVC PDF library | Syncfusion +description: Learn how to create a PDF file in ASP.NET Core MVC with easy steps using Syncfusion .NET Core PDF library without depending on Adobe. +platform: document-processing +control: PDF +documentation: ug +--- + +# Getting Started with ASP.NET MVC PDF library + +The Syncfusion® .NET Core PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files. + +This guide explains how to integrate the EJ2 PDF library control into an ASP.NET Core MVC application using Visual Studio. + +## Prerequisites + +[System requirements for ASP.NET MVC controls](https://help.syncfusion.com/document-processing/system-requirements) + +## Integrate PDF Viewer into an ASP.NET MVC application + +1. Start Visual Studio and select **Create a new project**. +2. Create a new ASP.NET MVC Web Application project. +![ASP.NET Core MVC PDF creation1](Getting_started_images/Asp-net-mvc-creation1.png) +3. Choose the target framework. +![ASP.NET Core MVC PDF creation2](Getting_started_images/Asp-net-mvc-creation2.png) +4. Select Web Application pattern (MVC) for the project and then select **Create** button. +![ASP.NET Core MVC PDF creation3](Getting_started_images/Asp-net-mvc-creation3.png) + +5. **Add script reference** : Add the required scripts using the CDN inside the `` of `~/Views/Shared/_Layout.cshtml` as follows: + +{% tabs %} +{% highlight c# tabtitle="~/_Layout.cshtml" %} + + + ... + + + + +{% endhighlight %} +{% endtabs %} + +6. **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the EJ2 PDF API to generate a PDF document. + +{% tabs %} +{% highlight c# tabtitle="~/Index.cshtml" %} + +
+

Create PDF document

+

Click the button to generate and download a PDF.

+ +
+ +@section Scripts { + +} + +{% endhighlight %} +{% endtabs %} + +7. **Build the project** : Click on Build > Build Solution or press Ctrl + Shift + B to build the project. + +8. **Run the project** : Click the Start button (green arrow) or press F5 to run the app. + +By executing the program, you will generate the following PDF document. + +![ASP.NET Core MVC PDF output](Getting_started_images/Output.png) diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-javascript.md b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-javascript.md new file mode 100644 index 000000000..92d31c33e --- /dev/null +++ b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-javascript.md @@ -0,0 +1,83 @@ +--- +layout: post +title: Getting started with JavaScript PDF library control | Syncfusion +description: Learn how to create a PDF file in JavaScript with easy steps using Syncfusion .NET Core PDF library without depending on Adobe. +platform: document-processing +control: PDF +documentation: ug +domainurl: ##DomainURL## +--- + +# Getting started in JavaScript PDF Library + +The Essential JS 2 for JavaScript (global script) is an ES5 formatted pure JavaScript framework which can be directly used in latest web browsers. + +## Component Initialization with CDN link for script and style reference + +**Step 1:** Create an app folder `my-app` for the Essential JS 2 JavaScript components. + +**Step 2:** The Essential JS 2 component's global scripts and styles are already hosted in the below CDN link formats. + +**Syntax:** +> Script: `https://cdn.syncfusion.com/ej2/{Version}/dist/{PACKAGE_NAME}.min.js` +> +> Styles: `https://cdn.syncfusion.com/ej2/{Version}/{PACKAGE_NAME}/styles/material.css` + +**Example:** +> Script: [`https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js`](https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js) +> +> Styles: [`https://cdn.syncfusion.com/ej2/31.2.15/ej2-base/styles/material.css`](https://cdn.syncfusion.com/ej2/31.2.15/ej2-base/styles/material.css) + +**Step 3:** Create a HTML page (index.html) in `my-app` location and add the CDN link references. + +{% tabs %} +{% highlight ts tabtitle="index.html" %} + + + ... + + + + +{% endhighlight %} +{% endtabs %} + +**Step 4:** **Create a PDF document** : Add the script in `index.html` by creating a button and attaching a click event that uses the EJ2 PDF API to generate a PDF document. + +{% tabs %} +{% highlight c# tabtitle="~/Index.html" %} + +
+

Create PDF document

+

Click the button to generate and download a PDF.

+ +
+ +@section Scripts { + +} + +{% endhighlight %} +{% endtabs %} + +By executing the program, you will get the PDF document as follows. + +![Output EJ2 PDF document](Getting_started_images/Output.png) + diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-react.md b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-react.md new file mode 100644 index 000000000..ea5cfbff4 --- /dev/null +++ b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-react.md @@ -0,0 +1,110 @@ +--- +layout: post +title: Getting started with Standalone React PDF library component| Syncfusion +description: Learn here all about Getting started with React PDF librart component of Syncfusion Essential JS 2 and more details. +control: PDF +platform: document-processing +documentation: ug +domainurl: ##DomainURL## +--- + +# Getting started with React PDF library + +The Syncfusion® React PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files. + +This guide explains how to integrate the EJ2 PDF library component into an React application. + +## Prerequisites + +To get started with Syncfusion® React UI components, ensure the compatible version of React. +* React supported version >= `15.5.4+`. +* Required node version >= `14.0.0+`(NPM Package Manager). + +## Setup for Local Development + +To easily set up a React application, use `create-vite-app`, which provides a faster development environment, smaller bundle sizes, and optimized builds compared to traditional tools like `create-react-app`. For detailed steps, refer to the Vite [installation instructions](https://vitejs.dev/guide/). Vite sets up your environment using JavaScript and optimizes your application for production. + +> **Note:** To create a React application using `create-react-app`, refer to this [documentation](https://ej2.syncfusion.com/react/documentation/getting-started/create-app) for more details. + +To create a new React application, run the following command. + +```bash +npm create vite@latest my-app +``` +To set-up a React application in TypeScript environment, run the following command. + +```bash +npm create vite@latest my-app -- --template react-ts +cd my-app +npm run dev +``` +To set-up a React application in JavaScript environment, run the following command. + +```bash +npm create vite@latest my-app -- --template react +cd my-app +npm run dev +``` + +## Add script reference + +* Add the required scripts using the CDN inside the `` of `public/index.html` using the following code. + +``` + + ... + + + +``` + +**Create a PDF document** : Add the script in `App.jsx` by creating a button and attaching a click event that uses the EJ2 PDF API to generate a PDF document. + +{% tabs %} +{% highlight c# tabtitle="~/App.jsx" %} + +import React from 'react'; + +export default function App() { + const createPdf = () => { + // Create a new PDF document + const pdf = new window.ej.pdf.PdfDocument(); + // Add a new page + const page = pdf.addPage(); + // Get graphics + const graphics = page.graphics; + // Font, brush, pen (using global ej.pdf) + const font = new window.ej.pdf.PdfStandardFont(window.ej.pdf.PdfFontFamily.helvetica, 10); + const brush = new window.ej.pdf.PdfBrush([0, 0, 0]); + const pen = new window.ej.pdf.PdfPen([255, 0, 0], 1); + // Draw text + graphics.drawString('Hello World!!!', font, [70, 10, 200, 50], null, brush, pen); + // Save the pdf document + pdf.save('Output.pdf'); + + // Dispose + pdf.destroy(); + }; + + return ( +
+ +
+ ); +} + +{% endhighlight %} +{% endtabs %} + +## Run the application + +Now run the `npm run dev` command in the console to start the development server. This command compiles your code and serves the application locally, opening it in the browser. + +``` +npm run dev +``` +By executing the program, you will get the PDF document as follows. + +![Output EJ2 PDF document](Getting_started_images/Output.png) diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-typescript.md b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-typescript.md new file mode 100644 index 000000000..be40a8563 --- /dev/null +++ b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-typescript.md @@ -0,0 +1,129 @@ +--- +layout: post +title: Getting started with TypeScript PDF library | Syncfusion +description: Learn how to set up and use the Syncfusion TypeScript PDF library using the EJ2 quickstart, including local resource configuration and module injection. +platform: document-processing +control: PDF +documentation: ug +domainurl: ##DomainURL## +--- + +# Getting started with TypeScript PDF library + +This guide explains how to create the PDF library component and configure its features in TypeScript using the Essential JS 2 [quickstart](https://github.com/SyncfusionExamples/ej2-quickstart-webpack-) seed repository. + +> This application is integrated with a webpack configuration (`webpack.config.js`) and uses the latest version of the [webpack-cli](https://webpack.js.org/api/cli/#commands). It requires Node.js `v14.15.0` or higher. For more information, refer to the [webpack getting started guide](https://webpack.js.org/guides/getting-started/). + +## Set up the development environment + +Open a command prompt in the target directory and run the following command to clone the Syncfusion JavaScript (Essential JS 2) quickstart project from [GitHub](https://github.com/SyncfusionExamples/ej2-quickstart-webpack-). + +{% tabs %} +{% highlight bash tabtitle="CMD" %} + +git clone https://github.com/SyncfusionExamples/ej2-quickstart-webpack- ej2-quickstart + +{% endhighlight %} +{% endtabs %} + +After cloning, run the following command to navigate to the `ej2-quickstart` folder. + +{% tabs %} +{% highlight bash tabtitle="CMD" %} + +cd ej2-quickstart + +{% endhighlight %} +{% endtabs %} + +## Dependencies + +The following list of dependencies are required to use the `EJ2 PDF library` component in your application. + +```javascript +|-- @syncfusion/ej2-compression +|-- @syncfusion/ej2-base +``` + +## Add Syncfusion JavaScript packages + +Syncfusion JavaScript (Essential JS 2) packages are available on the [npmjs.com](https://www.npmjs.com/~syncfusionorg) public registry. Install all EJ2 controls with the [@syncfusion/ej2](https://www.npmjs.com/package/@syncfusion/ej2) meta package or install individual control packages. + +The quickstart application is preconfigured with [@syncfusion/ej2](https://www.npmjs.com/package/@syncfusion/ej2) in `~/package.json`. Use the following command to install dependencies: + +{% tabs %} +{% highlight bash tabtitle="NPM" %} + +npm install + +{% endhighlight %} +{% endtabs %} + +## Create a PDF document using TypeScript. + +* Add a simple button to `index.html` and attach a click handler that uses the EJ2 PDF API to create a new PDF document. + +{% tabs %} +{% highlight ts tabtitle="index.html" %} + + + + Button onclick Example + + + + + + +{% endhighlight %} +{% endtabs %} + +* Include the following namespaces in `index.ts` file. + +{% endhighlight %} +{% highlight html tabtitle="index.ts" %} + +import { PdfDocument, PdfPage, PdfStandardFont, PdfPen, PdfBrush } from '@syncfusion/ej2-pdf'; + +{% endhighlight %} +{% endtabs %} + +* Include the following code example in the click event of the button in `index.ts` to generate a PDF document + + +{% endhighlight %} +{% highlight html tabtitle="index.ts" %} + +document.getElementById('normalButton').onclick = (): void => { + // Create a new PDF document + var pdf = new PdfDocument(); + // Add a new page + var page = pdf.addPage(); + // Get graphics from the page + let graphics = page.graphics; + // Set font + font: PdfStandardFont = new PdfStandardFont(PdfFontFamily.helvetica, 10); + // Draw text + graphics.drawString('Hello World!!!', font, [70, 10, 200, 50], new PdfPen([255, 0, 0], 1), new PdfBrush([0, 0, 0])); + // Save and download PDF + pdf.save('Output.pdf'); + // Destroy the PDF document instance + pdf.destroy(); + }); +}; + +{% endhighlight %} +{% endtabs %} + +* Run the application + +The quickstart project is configured to compile and run in the browser. Use the following command to start the application: + +```javascript +npm start +``` + +By executing the program, you will get the PDF document as follows. + +![Output EJ2 PDF document](Getting_started_images/Output.png) + diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-vue.md b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-vue.md new file mode 100644 index 000000000..d46578eb0 --- /dev/null +++ b/Document-Processing/PDF/PDF-Library/javascript-es6/Create-PDF-document-vue.md @@ -0,0 +1,97 @@ +--- +layout: post +title: Getting started with Vue PDF library component | Syncfusion +description: Checkout and learn about Getting started with Vue PDF library component of Syncfusion Essential JS 2 and more details. +control: PDF +platform: document-processing +documentation: ug +domainurl: ##DomainURL## +--- + +# Getting started with Vue PDF library + +The Syncfusion® Vue PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files. + +This guide explains how to integrate the EJ2 PDF library control and configure its available functionalities in a Vue 2 application using [Vue-CLI](https://cli.vuejs.org/). + +## Setting up the Vue 2 project + +To generate a Vue 2 project using Vue-CLI, use the [Vue create](https://cli.vuejs.org/#getting-started) command. Follow these steps to install Vue CLI and create a new project: + +```bash +npm install -g @vue/cli +vue create quickstart +cd quickstart +``` + +or + +```bash +yarn global add @vue/cli +vue create quickstart +cd quickstart +``` + +When creating a new project, choose the option `Default ([Vue 2] babel, es-lint)` from the menu. + +![Vue 2 project](Getting_started_images/vue2-terminal.png) + +Once the `quick start` project is set up with default settings, proceed to add Syncfusion® components to the project. + +* **Add script reference** : Add the required scripts using the CDN inside the `` of `index.html` as follows: + +{% tabs %} +{% highlight c# tabtitle="~/index.html" %} + + + ... + + + + +{% endhighlight %} +{% endtabs %} + +* **Create a PDF document** : Add the script in `App.vue` by creating a button and attaching a click event that uses the EJ2 PDF API to generate a PDF document. + +{% tabs %} +{% highlight c# tabtitle="~/App.vue" %} + + + +{% endhighlight %} +{% endtabs %} + +## Run the project + +To run the project, use the following command: + +```bash +npm run serve +``` +or + +```bash +yarn run serve +``` + +By executing the program, you will generate the following PDF document. + +![ASP.NET Core MVC PDF output](Getting_started_images/Output.png) diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-core-creation1.png b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-core-creation1.png new file mode 100644 index 000000000..86a0ddc0c Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-core-creation1.png differ diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-core-creation2.png b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-core-creation2.png new file mode 100644 index 000000000..3bd117c95 Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-core-creation2.png differ diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-core-creation3.png b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-core-creation3.png new file mode 100644 index 000000000..af986a819 Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-core-creation3.png differ diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-mvc-creation1.png b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-mvc-creation1.png new file mode 100644 index 000000000..6b3e72cee Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-mvc-creation1.png differ diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-mvc-creation2.png b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-mvc-creation2.png new file mode 100644 index 000000000..e1d721dd5 Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-mvc-creation2.png differ diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-mvc-creation3.png b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-mvc-creation3.png new file mode 100644 index 000000000..54ae2d971 Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Asp-net-mvc-creation3.png differ diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Output.png b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Output.png new file mode 100644 index 000000000..0c42217b1 Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/Output.png differ diff --git a/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/vue2-terminal.png b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/vue2-terminal.png new file mode 100644 index 000000000..39beefaa2 Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript-es6/Getting_started_images/vue2-terminal.png differ