c# pdf to image ghostscript: Convert pdf to fillable form application software utility html windows azure visual studio x3dom3-part477

X3DOM Documentation, Release 1.4.0

The exported ﬁles can be viewed in aX3DOMcapablebrowser.

Some video results can be watchedhere:

• http://www.youtube.com/watch?v=16P6_e7VUmw

• http://www.youtube.com/watch?v=h4OnrXiA_Zc

Applicationprototypes

1.2.10 Flash + AR / X3DOM Mashup

This tutorial describes how to create a simple desktop augmented reality scene. We are using Adobe Flash based

FLARToolkit for marker tracking and X3DOM for rendering of the 3D scene. ByJensKeil andMichaelZoellner.

1.2. Tutorial

Convert pdf to fillable form - C# PDF Form Data fill-in Library: auto fill-in PDF form data in C#.net, ASP.NET, MVC, WinForms, WPF

Online C# Tutorial to Automatically Fill in Field Data to PDF

create a writable pdf form; adding a signature to a pdf form

Convert pdf to fillable form - VB.NET PDF Form Data fill-in library: auto fill-in PDF form data in vb.net, ASP.NET, MVC, WinForms, WPF

VB.NET PDF Form Data fill-in library: auto fill-in PDF form data in vb.net, ASP.NET, MVC, WinForms, WPF

convert word document to pdf fillable form; convert pdf fillable form to html

X3DOM Documentation, Release 1.4.0

View the AR Demo

At a glance

The tutorial shows the ﬁrst online Augmented Reality application with Plugin-free hardware accelerated rendering on

aGPU. Having the advantages of browser-supported WebGL technology, there is no need to download any kind of

plug-in anymore to create Augmented Reality inside web browsers. Its a fast, simple and declarative way to integrate

3D content into HTML and bases on well knownand documented standards, like HTML 5,CSSand JavaScript.

Although the tracking still uses Adobe Flash, its modular enough to change and switch tracking as soon as there are

native standards for camera access available.

How does it work?

Our FLARToolkit marker tracker shows the webcam in the background and sends a model view matrix of the recog-

nized markertoa Javascript function intheHTML ﬁle. Fromtherethe MatrixTransformarounda bunchof3Dobjects

in the X3D scene is set with these values.

Setting up FLARToolkit marker tracker

Don’t worry. You don’t need the Flash IDE or any Actionscript knowledge for this tutorial. We are providing a

compiled FLARToolkit marker tracker ready for including into an HTML page. It consists of the compiled SWF

ﬁle (x3domﬂartoolkit.swf) and a Data folder with the camera parameters (camera_para.dat) and the marker pattern

Chapter 1. Guide

VB.NET Create PDF from PowerPoint Library to convert pptx, ppt to

Convert to PDF with embedded fonts or without original fonts fast. Convert multiple pages PowerPoint to fillable and editable PDF documents.

create a pdf form to fill out and save; add fillable fields to pdf

VB.NET Create PDF from Word Library to convert docx, doc to PDF in

Create PDF files from both DOC and DOCX formats. Convert multiple pages Word to fillable and editable PDF documents.

convert word document to fillable pdf form; create pdf fill in form

X3DOM Documentation, Release 1.4.0

(x3dom.pat). You can change the marker by creating a new one with thepatterngenerator, putting the results into the

Data folder and renaming it to x3dom.pat. Please note that you should keep the generator’s default values for marker

resolution and segment size of 16×16 and 50% in orderto work properly.

Including the FLARToolkit marker tracker

The compiled SWFis included via object and embed tags into the HTML page. It calls the Javascript function:

set_marker_transform(value)

as soon as it recognizes a marker in the video. The exchanging values include the marker’s position and orientation.

As mentioned, they are used to set the 3D object’s position and rotation.

Asimple 3D Scene

The demo scene shows a simple AR application: The earth globe, which hovers above the marker. A second layer

shows the actual clouds surround the whole planet; live data loaded into the 3D scene.

Our demo is declared in HTML and structured in several divisions. Both, the 3D content and the compiled SWF, are

grouped inside two several <Div /> nodes. The layer containing the 3d markup is styled with CSS and positioned on

top of the compiled ﬂash movie. Note that both have to have the same size and position in order to achieve a well

augmentation effect.

Then, we set up a <MatrixTransform /> node, which groups every 3D object we want to be positioned on the

marker. Inside we declare a simple <Sphere /> geometry and texture it with a png ﬁle of earth’s appearance.

Around the ﬁrst one, we place a second <Sphere /> object at the same position but with a larger scale and texture

it with the transparent cloud data.

The basic structure

<x3d>

<scene>

<transform

translation="0 0 20" scale="50 50 50"

rotation="0 1 0 3.145">

<shape>

</imageTexture>

</appearance>

</shape>

</transform>

<transform def="clouds" rotation="1 1 0 0 0 -1.57"

scale="1.1 1.1 1.1">

<shape>

</imageTexture>

</appearance>

</shape>

1.2. Tutorial

VB.NET Create PDF from Excel Library to convert xlsx, xls to PDF

Create fillable and editable PDF documents from Excel in Create searchable and scanned PDF files from Excel in VB Convert to PDF with embedded fonts or without

convert word form to fillable pdf form; convert an existing form into a fillable pdf form

C# Create PDF from OpenOffice to convert odt, odp files to PDF in

Convert OpenOffice Text Document to PDF with embedded Create PDF document from OpenOffice Presentation in both ODT, ODS, ODP forms to fillable PDF formats in

change font size in fillable pdf form; create fill pdf form

X3DOM Documentation, Release 1.4.0

</transform>

</matrixtransform>

</scene>

</x3d>

Youdon’t need tocalibrate yourwebcam. Allofthis is handledbythe tracker’s camera_para.dat file. Hence,

our <Viewpoint />,i.e. our3D camera, is ﬁxedin its ﬁeldOfview 0.6 andpositionof 0. The tracker’s values only

change and transformour3D objects; not the camera.

The Javascript functionality

After declaring the 3D content, we add the Javascript code, that handles the data exchange between the Flash based

marker tracking and our 3D scene.

First, we declare a function that hides the X3DOM canvas with the 3D content after the document has loaded. The

user needs to allow the Flash tracker to access his camera by clicking a button. This is not possible, when x3dom is

renderedon top at start up. As soonas theuserconﬁrmedandthemarkeris detected,we showthe3d content up again.

Our code:

var show_canvas = false;

// Hide x3dom canavs on page load

Chapter 1. Guide

C# PDF Field Edit Library: insert, delete, update pdf form field

A professional PDF form creator supports to create fillable PDF form in C#.NET. An advanced PDF form maker allows users to create editable PDF form in C#.NET.

add fillable fields to pdf online; convert excel to fillable pdf form

C# Create PDF from Excel Library to convert xlsx, xls to PDF in C#

Create fillable and editable PDF documents from Excel in both .NET WinForms and ASP.NET. Create searchable and scanned PDF files from Excel. Convert to PDF with

convert pdf form fillable; adding signature to pdf form

X3DOM Documentation, Release 1.4.0

$(document).ready(function() {

$(’#topLayer’).hide();

show_canvas = false;

});

// Show x3dom canvas again

// function is triggered inside set_marker_transform()

function show_x3dom_canvas(){

$(’#topLayer’).show();

show_canvas = true;

}

Lets take a closer look to the data exchange between X3DOM and the optical tracking:

We declare the set_marker_transform(value) function, which is expected by and triggered frominside the

ﬂash tracker. The function sets the new values for the MatrixTransform’s position and rotation. Then we fetchthe root

MatrixTransform node

var root_transform = document.getElementById(’root_transform’);

and update the values with the setAttribute(attribute, value) function

root_transform.setAttribute(’matrix’, q.toString());

Sincethetracking triggers new values forevery(video)frame,theposition is updatedas long asthe markeris detected.

Note, that we also need to convert the received marker values, since X3DOM’s and the tracking’s coordinate system

don’t match.

Our code:

//This function is triggered by flash based tracking

function set_marker_transform(value) {

var q = value;

var root_transform = document.getElementById(’root_transform’);

// if not enabled, show x3dom canvas

if(!show_canvas)

show_x3dom_canvas();

// Convert rotation form left to right handed coordinate system

// mirror z

q[2][3] = -q[2][3];

q[0][2] = -q[0][2];

q[1][2] = -q[1][2];

q[2][0] = -q[2][0];

q[2][1] = -q[2][1];

// update the grouped 3d object’s matrixTranform

root_transform.setAttribute(’matrix’, q.toString());

}

The tracking also gives feedback when the marker is lost. If you want to work with this information, just declare and

use this function inside your Javascript:

function on_marker_loss(value){

//marker not detected anymore, do something

}

1.2. Tutorial

C# Create PDF from Word Library to convert docx, doc to PDF in C#.

Convert multiple pages Word to fillable and editable PDF documents in both .NET WinForms and ASP.NET. Convert both DOC and DOCX formats to PDF files.

attach file to pdf form; .net fill pdf form

C# Create PDF from PowerPoint Library to convert pptx, ppt to PDF

Convert multiple pages PowerPoint to fillable and editable PDF documents. Easy to create searchable and scanned PDF files from PowerPoint.

pdf fillable form; best pdf form filler

X3DOM Documentation, Release 1.4.0

Trouble shooting

Sometimes the 3D content doesn’tshow up. This mayhave tworeasons: Besureyou are usinga browserwhosupports

WebGL. Also texture loading may take a bit longer and hence may take X3DOM several seconds until the geometry

shows up.

You can also control if the marker tracking is working: Check, whether there is a red outline around your marker. If

not, ensure the marker is on a plane surface, not occupiedand there is enoughambient light.

1.2.11 3D Lightbox Gallery of Historical Objects

This tutorial describes how to load arbitrary 3D geometry inside your web page with x3dom. We are going to

develop anonlinecatalogof3Dobjects, that popup inside our page using the popular lightbox overlay principle

(clickhereforthedemo). In our case, the 3D objects are X3D ﬁles of 3D scanned historical objects. By Jens Keil.

Chapter 1. Guide

C# Create PDF Library SDK to convert PDF from other file formats

Create fillable PDF document with fields. Load PDF from existing documents and image in SQL server. Load PDF from stream programmatically.

asp.net fill pdf form; pdf fillable forms

VB.NET Create PDF from OpenOffice to convert odt, odp files to PDF

Convert OpenOffice Spreadsheet data to PDF. Export PDF document from OpenOffice Presentation. Turn ODT, ODS, ODP forms into fillable PDF formats.

convert an existing form into a fillable pdf; attach file to pdf form

X3DOM Documentation, Release 1.4.0

Generating the grid

Our main page is only the overview of all objects. Hence, we are going to generate a grid with thumbnail images

of our objects. We link these images to a second page with the X3DOM content. Since we have 36 objects our grid

consists of 6 rows and 6 columns. Let’s use a table for that.

<tr>

</tr>

</table>

As mentioned, our 3D content is displayed inside a lightbox popup. This is a JavaScript based script that is normally

used to overlays images inside the current web page. In our case, we are going to overlay a external page with the 3D

object in it. We have used theprettyPhotolightboxversionofStephaneCaron, since it features theiframes which we

need to load a second HTML ﬁle into our main page.

In order to tell the script that our linked content should be opened inside the overlay, we add some query parameters

at the end ofthe URL. For example:

<a href="dcm200310301737.html?iframe=true&width=500&height=600"

rel="prettyPhoto[iframe]" />

Having ﬁnished to set up the grid,we initialize the lightbox script after the table deﬁnition:

$(document).ready(function(){

$(".gallery a[rel^=’prettyPhoto’]").prettyPhoto(

{theme:’light_rounded’});

});

</script>

Setting up the 3D object’s HTML ﬁle

Now, let’s take a look on the inlined page. We have such a page for every 3D object inside our grid. First, we export

the scanned data into the X3D ﬁle format. Then we convert the X3D ﬁle into a X3DOM/HTML ﬁle (see Generic 3D

data conversion).

1.2. Tutorial

X3DOM Documentation, Release 1.4.0

Our X3D decoded 3Dcontent is inside the generatedHTML now. We may add a headline orsome textual explanation

here; indeed, even any other media we’d like to be displayed inside our lightbox overlay. Note,that adding the script

node with a link to x3dom.js at the end is doing all the magic: from declarative X3D/HTML5 to visual 3D content

inside your web page.

<html>

<body>

<shape>

</appearance>

</indexedFaceSet>

</shape>

</transform>

Chapter 1. Guide

X3DOM Documentation, Release 1.4.0

</scene>

</x3d>

</body>

</html>

Summary

This tutorial explained how to generate a grid of 3D object inside a web page. Clicking on a thumbnail image opens

the 3D objectinside a lightbox popup within the currentpage. Renderingas well as basic navigation is handledby the

X3DOM Javascript back end.

Elsewhere

• Slideswithintroductionandtutorial

If you can read German, there is also some German content available on our website:

• BeispieleausdemiX-Tutorial

• ÜberblickundeinführendeBeispiele

1.3 Camera Navigation

X3DOM provides some generic interactionandnavigationmethods. Interactiveobjects willbehandledbyHTML-like

events. Navigation can be user-deﬁned or controlled by speciﬁc predeﬁned modes.

Currently X3DOM supports the following interactive navigation modes:

• Examine

• Walk

• Fly

• Look-at

• Look-around

• Game

• Helicopter

Non-Interactive movement encompasses the functionality of:

• Resetting a view

• Showing all

• Upright view

1.3.1 Interactive camera movement

Examine

Activate this mode by pressing the "e" key.

1.3. Camera Navigation

X3DOM Documentation, Release 1.4.0

Function

Mouse Button

Rotate

Left / Left + Shift

Pan

Mid / Left + Ctrl

Zoom

Right / Wheel / Left +Alt

Set center of rotation

Double-click left

Walk

Activate this mode by pressing the "w" key.

Function

Mouse Button

Move forward

Left

Move backward

Right

Fly

Activate this mode by pressing the "f" key.

Function

Mouse Button

Move forward

Left

Move backward

Right

Helicopter

Activate this mode by pressing the "h" key.

To look downwards/upwards and to move higher/lower use the keys (8/9 and 6/7).

Function

Mouse Button

Move forward

Left

Look at

Activate this mode by pressing the "l" key.

Function

Mouse Button

Move in

Left

Move out

Right

Game

Activate this mode by pressing the "g" key.

To look around (rotate view)move the mouse.

Function

Key

Move forward

Cursorup

Move backward

Cursordown

Strafe Left

Cursorleft

Strafe Right

Cursorright

Chapter 1. Guide

Documents you may be interested

c# pdf to image ghostscript : Convert pdf to fillable form application software utility html windows azure visual studio x3dom3-part477