je5 pdf

je5
Library to simplify the use of html5

home A simple banner je5 Slide Show je5

Example slide show with je5 and jquery

The aim of this project is to make the interaction
between javascript and HTML5 easier. We have started
working with canvas, but our purpose is to expand it to
all kind of components of HTML5, like sockets, etc.
How to use...
Download je5 here and upload it into your code.

Then, insert the following code between the <head></head> tags:

<script type="text/javascript" src="/your_folder_path/je5.js"></script>

//Function main je5
//parameters
//t -> type
//q -> name type
////////////////////////////////////////////////////////

je5(t, q);

A simple banner with je5 Create banner je5 online
je5('#','banner') +je5_gradient ('0','0','900','620','#ffffff','#000000','#ffffff','9','0','0')+je5_rectangle
('transparent','blue','1','0','0','900','620')+je5_txt('80pt Calibri','#ffffff','4.1','#000000','star','alphabetic','A Simple
Banner nnnn with je5','22','118','false','false','false','false','false','false','false', '115')+je5_img
('http://farm6.staticflickr.com/5175/5410923901_ac97ce24c3_o.png', '261', '163', '341', '313');

Image by: http://www.flickr.com/photos/josefdunne/

Images
http://www.je5.es/css/imgs/code_logo.jpg" //function img -> draw images
//parameters
//url -> url img
//x -> x position
//y -> y position
//w -> width
//h -> high
////////////////////////////////////////////////////////////
je5('#', 'img')+je5_img('http://www.je5.es/je5_logo.jpg', 0, 0, 200, 220);

Rectangle
//function rectangle -> draw rectangle
//parameters
//fill_color -> fill color
//border_color -> border color
//width_border -> border width
//x -> x position
//y -> y position
//w -> width
//h -> high
//shadow_c -> shadow color
//shadow_b -> shadow blur
//shadow_ox -> x position Offset
//shadow_oy -> y position Offset
////////////////////////////////////////////////////////////
je5('#', 'r')+je5_rectangle('blue', '#ffff00', 5, 20, 10, 300, 150, 'red', 27, 10, 10);

Line
fill_color, border_color, width_border, //function je5_line -> line draw
//parameters
//color -> line color
//thick_line -> thick line
//end_type -> end type
//x -> x position
//y -> y position
//w -> width
//h -> high
////////////////////////////////////////////////////////////
je5('#', 'l')+je5_line('blue', 10, 'round', 10, 10, 300, 50, 'blue', 27, 10, 10);

Circle
//function je5_circle -> draw circle
//parameters
//x -> x position
//y -> y position
//r -> circle radius
//start -> angle to start the arc
//stop -> angle to stop the arc
////////////////////////////////////////////////////////////
je5('#', 'c')+je5_circle('#CEA000', 'green', 5, 150, 100, 95, 50, 50, 'blue', 27, 10, 10);

Oval
//function je5_oval -> oval
//parameters
//x -> x position
//y -> y position
//r -> radio
//traslate_x -> traslate position x
//traslate_y-> traslate position y
//scale_x -> scale x
//scale_y -> scale y
//line_w line -> whith line
//border_color _> border color
////////////////////////////////////////////////////////////
je5('#', 'oval')+je5_oval(0, 0, 50, 150, 100, 2, 1, 'yellow', 5, 'black', 'yellow', 27, 10, 10);

Quadratic Curve
//function je5_quadratic_curve -> draw quadratic curve
//parameters
//x -> x position
//y -> y position
//x1 -> x1 position
//y1 -> y1 position
//x2 -> x2 position
//y2 -> y2 position
////////////////////////////////////////////////////////////
je5('#', 'q_c')+je5_quadratic_curve('red', 'green', 5, 188, 150, 288, 0, 388, 150, 'green', 27, 10, 10);

Bezier Curve
//function je5_bezier_curve -> draw bezier curve
//parameters
//x -> x position
//y -> y position
//x1 -> x1 position
//y1 -> y1 position
//x2 -> x2 position
//y2 -> y2 position
//x3 -> x3 position
//y3 -> y3 position

////////////////////////////////////////////////////////////
je5('#', 'b_c')+je5_bezier_curve('transparent', '#C7CDD1', 5, 188, 150, 140, 10, 388, 10, 388, 170, 'purple', 27, 10, 10);

Linear Gradient
//function je5_gradient -> linear gradient
//parameters
//x -> x start
//y -> y start
//x1 -> x end
//y1 -> y end
//color1 -> color start
//color2 -> color end
////////////////////////////////////////////////////////////
je5('#', 'g')+je5_gradient(0, 0, 600, 150, '#8ED6FF', '#000003', 'purple', 27, 10, 10);

Pattern
//function je5_pattern -> Pattern
//parameters
//x -> x position
//y -> y position
//w -> width
//h -> high
//option -> option example repeat
//img -> link img

////////////////////////////////////////////////////////////
je5('#', 'pa')+je5_pattern(0, 0, 578, 200, 'repeat', 'http://www.je5.es/indice.jpg', '#C9820C', 27, 10, 10);

Text
//function je5_Text -> Text
//parameters
//fonts_text -> font
//color_text -> text color
//line_w -> stroke width
//stroke_color -> stroke color
//aling_text -> text aling
//baseline_text -> text baseline
//text -> text
//x -> x position
//y -> y position
//reflex -> mirror text h -> horizontal v -> vertical
//traslate_reflex_x -> traslate mirror position x
//traslate_reflex_y -> traslate mirror position y
//line_height -> separation between lines
////////////////////////////////////////////////////////////
je5('#', 'txt')+je5_txt('50pt Calibri', 'red', false, false, 'center', 'middle', 'Welcome to je5!', 500, 100)+je5_txt('50pt
Calibri', false, 4, 'blue', 'left', 'middle', 'Welcome to je5!', 500, 150)+je5_txt('52pt Calibri', '#000003', 6, 'blue', 'right',
'middle', 'Welcome to je5!', 550, 200)+je5_txt('40pt Calibri', 'green', false, false, 'right', 'middle', 'Welcome to je5!',
500, 130, 'h', 900, 140, 'red', 27, 10, 10);

Combining functions:

star_xt,
star_yt,
center_x_1,
center_y_1,
center_x_2,
center_y_2,
end_x,
end_y
Diagrams
je5('#', 'pat')+je5_line('blue', 5, 'round', 100, 20, 200, 160)+je5_quadratic_curve('transparent', 'blue', 5, end_x,
end_y, 230, 200, 250, 120)+je5_bezier_curve('transparent', 'blue', 5, end_x, end_y, 290, -40, 300, 200, 400, 150)
+je5_line('blue', 5, 'round', end_x, end_y, 500, 90);

Joining lines
je5('#', 'u_l')+je5_line('black', 30, 'round', 100, 20, 200, 160) +je5_line('black', 30, 'round', end_x, end_y, 500, 90);

Rectangle + Linear Gradient
je5('#', 'r_g')+je5_gradient(0, 0, 600, 150, '#8ED6FF', '#000003')+je5_rectangle('transparent', '#ffff00', 5, star_x,
star_y, end_x, end_y);

je5 pdf

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (16)

Semelhante a je5 pdf

Semelhante a je5 pdf (20)

je5 pdf