je5 pdf

je5Library to simplify the use of html5

Example slide show with je5 and jquery

The aim of this project is to make the interactionbetween javascript and HTML5 easier. We have startedworking with canvas, but our purpose is to expand it toall 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);

home A simple banner je5 Slide Show je5

A simple banner with je5 Create banner je5 onlineje5('#','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 \n\n\n\n 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/

Imageshttp://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);

Linefill_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

Diagramsje5('#', '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 linesje5('#', 'u_l')+je5_line('black', 30, 'round', 100, 20, 200, 160) +je5_line('black', 30, 'round', end_x, end_y, 500, 90);

Rectangle + Linear Gradientje5('#', 'r_g')+je5_gradient(0, 0, 600, 150, '#8ED6FF', '#000003')+je5_rectangle('transparent', '#ffff00', 5, star_x,

star_y, end_x, end_y);

cc Home

Home

Back to Top© je5 2013

Documents

je5 pdf