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 files 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
27
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 first 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 file. 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
file (x3domflartoolkit.swf) and a Data folder with the camera parameters (camera_para.dat) and the marker pattern
28
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 flash 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 file of earth’s appearance.
Around the first 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>
<viewpoint fieldOfView=’0.60’ position=’0 0 0’></viewpoint>
<matrixtransform id="root_transform">
<transform
translation="0 0 20" scale="50 50 50"
rotation="0 1 0 3.145">
<transform def="earth" rotation="1 0 0 0 -1.57">
<shape>
<appearance>
<imageTexture url="some_texture.jpg">
</imageTexture>
</appearance>
<sphere></sphere>
</shape>
</transform>
<transform def="clouds" rotation="1 1 0 0 0 -1.57"
scale="1.1 1.1 1.1">
<shape>
<appearance>
<imageTexture url="some_texture2.jpg">
</imageTexture>
</appearance>
<sphere></sphere>
</shape>
1.2. Tutorial
29
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>
</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 fixedin its fieldOfview 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 theuserconfirmedandthemarkeris detected,we showthe3d content up again.
Our code:
var show_canvas = false;
// Hide x3dom canavs on page load
30
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
flash 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 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
31
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 files of 3D scanned historical objects. By Jens Keil.
32
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.
<table id="demo_table" class="gallery clearfix >
<tr>
<td><a href="external_html_page"><img /></a></td>
</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 file 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 finished to set up the grid,we initialize the lightbox script after the table definition:
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$(".gallery a[rel^=’prettyPhoto’]").prettyPhoto(
{theme:’light_rounded’});
});
</script>
Setting up the 3D object’s HTML file
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 file format. Then we convert the X3D file into a X3DOM/HTML file (see Generic 3D
data conversion).
1.2. Tutorial
33
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>
<head></head>
<body>
<h1>dcm200409012807</h1>
<x3d id=’someUniqueId’ showStat=’false’ showLog=’false’ ’ x=’0px’ ’ y=’0px’ ’ width=’400px’ ’ height=’400px’>
<scene DEF=’scene’>
<worldInfo title=’dcm200409012807’></worldInfo>
<navigationInfo headlight=’true’ type=’"EXAMINE"’></navigationInfo>
<directionalLight on=’false’ ambientIntensity=’1’ intensity=’0’></directionalLight>
<transform DEF=’ORITGT’ rotation=’1 1 1 1 -2.094’>
<shape>
<appearance>
<imageTexture url=’"dcm200409012807_texture.0.jpg"’></imageTexture>
</appearance>
<indexedFaceSet texCoordIndex=’ ... . ’ />
<coordinate DEF="COORD" point=’ ’ ... . ’ /></textureCoordinate>
</indexedFaceSet>
</shape>
</transform>
34
Chapter 1. Guide
X3DOM Documentation, Release 1.4.0
<background skyColor=’1 1 1 1’></background>
<viewpoint position=’0 0 0 4’></viewpoint>
</scene>
</x3d>
<script type=’text/javascript’ src=’../x3dom.js’></script>
</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-defined or controlled by specific predefined 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
35
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
36
Chapter 1. Guide
Documents you may be interested
Documents you may be interested