- Open source components and licenses: !
!
!
Thanks the Logo idea from Dribbble user Mike Smith (Guerrilla). !
!
• jQuery dropdown: Copyright 2013 Cory LaViska, LLC. Licensed under the MIT. !
!
icomoon.io Free SVG Package Licensed under the GPL / CC BY 3.0!
!
Purchased Commercial License SVG from tooopen.com!
!
• Pricing Table Copyright (c) 2013 Thibaut Courouble. Licensed under the MIT. !
!
Other open source modules:!
!
jQuery/ jQueryUI / jQuery SVG / jgraduate / jPicker / canvg / colorpicker / !
!
Opentype / Paperjs / jSize / jqtree / perfect-scrollbar / w2ui!
!
of  
11
26
Convert pdf form to web form - Library control class:C# PDF Convert to HTML SDK: Convert PDF to html files in C#.net, ASP.NET MVC, WinForms, WPF application
How to Convert PDF to HTML Webpage with C# PDF Conversion SDK
www.rasteredge.com
Convert pdf form to web form - Library control class:VB.NET PDF Convert to HTML SDK: Convert PDF to html files in vb.net, ASP.NET MVC, WinForms, WPF application
PDF to HTML Webpage Converter SDK for VB.NET PDF to HTML Conversion
www.rasteredge.com
+
Getting Started!
!
- Create a new Project:!
Once you’ve opened the web app in your browser, the web app will new a default blank project. 
But you also can creating new documents by click the logo button and selecting NEW from the 
menu. !
ps: If you want to save your work into your Google Drive or Dropbox, you need login first by click 
USER button at the right of the top function area. !
!
The NEW FILE dialog: You can choose a environment template to create your project or just set 
the Width and Height to create a blank project. !
!
Open an existing file (YouiDraw Logo Creator files only): You can choose a file from your local 
drive, or Google Drive and Dropbox when you login by these service account. 

of  
12
26
Library control class:VB.NET Image: Professional Form Processing and Recognition SDK in
on the top right of our web page. you have checked your forms before using form printing add provide powerful & profession imaging controls, PDF document, image
www.rasteredge.com
Library control class:Process Forms in Web Image Viewer | Online Tutorials
Twain Scanning; DICOM Reading; Form Recognition & Processing. Online PDF Editor (beta); Online Document Viewer; Online Convert PDF to Word; Online Convert
www.rasteredge.com
- Set up your Environment:!
1. The Grid button on the Top Function Area: !
!
Show grid on the background with spacing settings.!
!
Enable “snap to grid” option to lets you position elements along the same horizontal or !
!
vertical lines. !
2. Project Settings under Properties tab: !
!
Set documents canvas width and height by pixels, inches, cm or mm units.!
!
Set background style by color, gradient or pattern.!
!
!
!
!
- Add Shapes: !
!
1. Add a shape by  
Pen tools: Click the pen tool in 
the top function area, and click on canvas to add 
point, drag to add a curve point,  finally click the first 
point to complete the shape. !
!
!
!
!
!
2. Add a shape by  
Shape create tools: Click 
rectangle, round-rectangle, ellipse, convex, concave, 
gear shape create button, and click and drag mouse 
on canvas to create a shape easily. !
!
!
!
3. Add a shape from shape library: Open the shapes library and 
just click a shape to add it onto canvas, you can click another 
shape to change it. 

of  
13
26
Library control class:C#: How to Determine the Display Format for Web Doucment Viewing
RasterEdge web document viewer for .NET can convert PDF, Word, Excel and the same time, and then render image form to show on your C# project aspx web page
www.rasteredge.com
Library control class:C#: How to Add HTML5 Document Viewer Control to Your Web Page
Add a new Web Form to your C# _tabFile.addCommand(new RECommand("convert")); _tabFile.addCommand _userCmdDemoPdf = new UserCommand("pdf"); _userCmdDemoPdf.addCSS
www.rasteredge.com
- Adjust, Align Elements and choose a Style:!
!
1. Adjust elements by manipulator: Select an element, then you 
can find the manipulator point on the element, then you can click 
the point and drag mouse to rotate, resize or select and move 
the element. !
!
!
!
2. You also can adjust or align multiple elements, change 
order by using Transform settings in Properties tab: !
!
Select an element, then switch to Transform settings under 
Properties tab, then you can change the position, width, 
height, skew and rotate just by an exact value. !
!
If you want to Align multiple selected shapes to left, center, 
right horizontal, or to top, middle, bottom vertical. Change the 
order of selected elements up and down.!
!
!
!
!
3. Choose a quick style from style library: !
Select an 
element and click the Library button 
at the right-bottom corner of interface, then you will find hundreds of styles 
you can choose, just click it and apply on the selected element, you will get a 
wonderful style quickly! !
!
of  
14
26
Library control class:C# Image: How to Integrate Web Document and Image Viewer
RasterEdgeImagingDeveloperGuide8.0.pdf: from this user manual, you can find the detailed instructions and Now, you may add a new Web Form to your web project.
www.rasteredge.com
Library control class:C# TIFF: C#.NET Code to Create Online TIFF Document Viewer
We still demonstrate how to create more web viewers on PDF and Word documents at the DLL into your C#.NET web page, you may create a new Web Form (Default.aspx
www.rasteredge.com
- Change Style or Copy Style from others: !
!
Shape Parameter: !
!
When you add a shape by shape create tools, you can adjust the shape by shapes parameter, 
different shapes with different parameter settings. You can change “radius” for round rectangle, 
change “side” or “inner” for concave, gear or convex shapes. !
!
Fill (Solid Color, Gradient and Pattern):!
!
Solid Color: You can pick a solid color for an element by a standard color panel. The solid color 
support HSV, RGBA, and HEX color code.!
!
!
!
Linear Gradient: Set linear gradient for an element by multiple colors. You can change the 
direction, distance of colors, and set spread method to pad, reflect or repeat. !
!
PS:  
Click the color line to add a color, double click on the color 
sign to edit the color, and click and drag the color sign to far from the line to remove a color. 

of  
15
26
Library control class:C# PDF Converter Library SDK to convert PDF to other file formats
C#.NET can manipulate & convert standard PDF developers to conduct high fidelity PDF file conversion C#.NET applications, like ASP.NET web form application and
www.rasteredge.com
Library control class:C# PDF: How to Create PDF Document Viewer in C#.NET with
to images or svg file; Free to convert viewing PDF designed PDF document using C# code; PDF document viewer be created in C# Web Forms, Windows Form and mobile
www.rasteredge.com
!
Radial Gradient: Set radial gradient for an element by multiple colors.  You can change the 
position for center point and focal point, change the value of radius, ellipse, angle and opacify 
and set spread method to pad, reflect or repeat.!
!
!
!
!
Pattern: Choose a pattern from library or just choose a image from your local disk drive. !
!
Stroke !
!
!
You can show stroke for an element and set color, size, and dash style for it, make a special 
stroke for your elements.

of  
16
26
Library control class:C# PDF Convert to SVG SDK: Convert PDF to SVG files in C#.net, ASP
In some situations, it is quite necessary to convert PDF document into SVG image format. indexed, scripted, and supported by most of the up to date web browsers
www.rasteredge.com
Copy style from other one to another element!
An easier way to copy style from one element to another, select an element and copy style from 
the context menu, then select another element and paste style from the context menu, finally 
you can got same style to an element quickly and easily. !
!
!
!
!
!
- Understanding the elements list: !
At the bottom of YouiDraw Logo Creator interface is the elements list. 
This area you can select elements and drag to adjust they orders. !
!
Sometimes, we may add too many elements in one project, if you 
can’t select or adjust it on canvas, you can select at here, and click 
the small adjust button to open the context menu. !
!
You also can use add and remove button to add an 
element or remove an element. 

of  
17
26
!
!
- Keyboard shortcuts: Windows & Mac & Chrome OS!
!
“←”: Element to left for 1px!
!
“Shift+←”: Element to left for 5px!
!
“↑”: move Element to up for 1px!
!
“Shift+↑”: move Element to up for 5px!
!
“→”: Element to right for 1px!
!
“Shift+→”: Element to right for 5px!
!
“↓”: Element to down for 1px!
!
“Shift+↓”: Element to down for 5px!
!
“Delete”: Delete!
!
MAC OS X!
Shift+Command+Z: "Redo"!
Command+Z: “Undo"!
Command+C: "Copy"!
Command+V: "Paste"!
Command+X: "Cut"!
!
Command+S: "Save"     !
Command+O: "Open";!
Command+N: "New";!
Command+Esc: "Cancel Edit text or select toolbox select tool(toolbox)";!
!
Windows / Chrome OS!
Control+Z: "Undo"!
Control+Y: "Redo"!
Control+C: "Copy"!
Control+V: "Paste"!
Control+X: "Cut"!
!
Control+S: "Save"!
Control+O: "Open";!
Control+N: "New";!
Control+Esc: "Cancel Edit text or select toolbox select tool(toolbox)";

of  
18
26
!
+
Create and Modify Content!
!
- Use Pen tool !
Pen tools let you add point to draw line and curve and create a special shape as you want.!
1. Click the pen tool  
in the top function area. !
2. Click on canvas to add point  
.!
3. Drag to add a curve point  
. !
4. Add more point or click the first point to complete the shape. 
!
5. Finally, just click on the canvas, then complete draw. 
!
!
!
- Add Text!
Add a text on canvas workplace.!
1. Click text tool  
in the top function area. !
2. Click mouse on the canvas, you will get a default text.   
!
3. Choose a font from the font list in the text properties settings.  !
4. We can choose text size, set bold, italic, underline, strikethrough, and change text align, line 
space and letter space in text settings.!
5. Finally, we also can use basic style settings or just choose a style to get change.!
!
of  
19
26
- Add Shapes!
!
Add shapes by shape create tools quickly and easily. !
1. Click one of the shape tools  
which you want to create.!
2. Click and hold mouse on the canvas and drag to create the shape.  
!
3. Release mouse click, the shape will be created.  
!
!
4. Use the shape parameter setting to change the shape. !
5. Choose a style from style library.  
!
!
!
!
!
!
- Use Point edit tool!
Because this is the vector graphic design, so you can edit elements by edit the path point.!
1. Double click on an element or click edit button   on top of interface.  
!
2. Click on the path to add a point.  
!
3. Click on the point and drag to move it.  
!
4. Double click on the point to switch the point to curve point.  
!
!
5. Drag the curve adjust point to adjust two point together. And press 
Command(mac) or Control(windows) key and drag the point to adjust 
only one side curve.   !
6. By this way, you can create any special shape that you want.  
!
!
of  
20
26
Documents you may be interested
Documents you may be interested